HTML DOM事件

HTML DOM 事件

当某些组件被执行了某些操作后，触发指定的执行程序。

冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标的顺序触发

捕获型事件：与冒泡事件相反的过程，事件从最不精确的对象开始触发，然后到最精确

<body onclick="handleClick()">
  <div onclick="handleClick()">Click Me</div>
</body>
冒泡触发的顺序是：div、body、html、document、window
捕获型触发的顺序：document、div

HTML DOM 事件允许 Javascript 在 HTML 文档元素中注册不同事件处理程序。

事件通常与函数结合使用，函数不会在事件发生前被执行。

Method 1：在标签上事件中定义

Method 2：在JavaScript中绑定

<script>
    function fun1(){
        alert('function');
    }
    var obj = document.getElementById("id_value");
    obj.onclick = fun1;
</script>

window.onload 当所有的页面加载完成后，才触发 javascript 代码。

window.onload = function(){
  document.getElementById().onblure = function(){
    alert("失去焦点");
  }
}