HTML/CSS -- 事件

JavaScript和HTML的交互是通过事件来实现的。

先来简单看一下DOM事件处理程序的级别

1：DOM0级别事件处理程序（简单的说，就是将一个函数赋值给一个事件处理程序属性）

dom.onType = function (e) {}

var btn = document.getElementById("myBtn"); 
btn.onclick = function(){ 
 alert("Clicked"); 
}; 

2：DOM2级别事件处理程序（简单的说，就是通过addEventListener()和 removeEventListener() 这俩个函数）

它们都接受 3 个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。最后这个布尔值参数如果是 true，表示在捕获
阶段调用事件处理程序；如果是 false，表示在冒泡阶段调用事件处理程序。

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

但是这种绑定（匿名函数）是无法通过removeEventListener函数解除的。如下代码才有效

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