js二级监听事件

二级监听事件

二级监听事件的方法

• DOM的2级事件定义了两个方法，addEventListener() 和 removeEventListener()。
• 参数：要处理的事件名，作为事件处理程序的函数和一个布尔值。
• true，表示在捕获阶段调用事件处理程序；false，表示在冒泡阶段调用事件处理程序。

例如：

var btn= document.getElementById("clickBtn");
btn.addEventListener("click",function(){
      alert(this.id);
},false);

因为最后一个参数是false,该事件会在冒泡阶段被触发。使用DOM2级方法处理事件处理程序的主要好处是可以添加多个事件处理程序。

var btn = document.getElementById("myBtn");
	btn.addEventListener("click".function(){
	      alert(1);
	},false);
	btn.addEventListener("click",function(){
	      alert(2);
	},false);

例如这里就会先弹出1，然后弹出2。

注意

addEventListener()添加的事件只能使用removeEventListener()来移除；移除时传入的参数与添加时相同。如果通过addEventListener()添加的匿名函数将无法移除。将事件处理程序添加到事件流的冒泡阶段，可以最大限度地兼容各种浏览器。

IE中，使用attachEvent(),detachEvent()。这两个方法接受相同的两个参数：
1事件处理程序名称，2事件处理程序函数。
由于IE8及更早版本只支持事件冒泡，所以通过attachEvent（）添加的事件处理程序都会被添加到冒泡阶段。