9.01-----事件绑定

事件绑定有三种方式：
（1）HTML 事件处理程序：
（2）DOM0 级事件处理程序：


在元素的作用域中运行，this指向引用当前元素。
（3）DOM2 级事件处理程序
var btn = document.getElementById(“myBtn”);
btn.addEventListener(“click”, function(){
alert(this.id);
}, false);
接受 3 个参数：要处
理的事件名、作为事件处理程序的函数和一个布尔值。最后这个布尔值参数如果是 true，表示在捕获
阶段调用事件处理程序；如果是 false，表示在冒泡阶段调用事件处理程序。
在事件处理函数最好用一个变量来接受，到时将变量作为函数作为参数。例如：
var btn = document.getElementById(“myBtn”);
var handler = function(){
alert(this.id);
};
btn.addEventListener(“click”, handler, false);
//这里省略了其他代码
btn.removeEventListener(“click”, handler, false); //有效！
这样就能保证addEventListener和removeEventListener引用的事件处理程序是同一个函数。且DOM2 级事件处理程序最好添加到冒泡阶段。