JavaScript事件流机制

事件流

事件流描述的是从页面接收事件的顺序,也可理解为事件在页面中传播的顺序。

处理事件流的机制有两种:事件冒泡(IE)和事件捕获(Netscape)。

事件冒泡即事件开始时由具体的元素(文档中最深层次的节点)接收,然后逐级向上传播到较为不具体的节点。

事件捕获即不具体的节点先接收到事件,事件向深层次传递,具体节点最后接收。

DOM事件流规定事件流包括三个阶段:事件捕获阶段==>处于目标阶段==>事件冒泡阶段。

事件处理程序

DOM0级事件处理程序

直接绑定到DOM上

var btn = document.getElementById("myBtn");

btn.onclick = function(){

   alert("Clicked");

};//只能绑定一个事件,绑定多个最后一个生效

DOM2级事件处理程序(addEventListener()/removeEventListener( ))

事件监听

存在两个方法,用于处理制定和删除事件处理程序的操作(addEventListenerremoveEventListener),接受三个参数:事件名称、事件处理程序的函数和布尔值,布尔值为false表示在事件冒泡阶段调用事件处理程序。该程序可同时绑定几个事件,且不会被覆盖。

IE事件处理程序(attachEvent( )/detachEvent())

事件监听

存在两个方法,接受两个参数:事件名称、事件处理程序函数。注意,此处事件名称均有on,如点击事件为onclickDOM2级事件名称则为click

猜你喜欢

转载自blog.csdn.net/didudidudu/article/details/80059945
今日推荐