DOM0级事件处理程序:
通过将元素的事件处理程序属性(如onclick)的值设置为一个函数来指定事件处理程序的方法称为DOM0级方法,它被认为是元素的方法,这时候的事件处理程序是在元素的作用域中运行(也就是this引用当前元素):
var btn = document.getElementById('myBtn');
btn.onclick = function(){
alert(this.id);
};
DOM2级事件处理程序:
通过addEventListener()方法和removeEventListener()方法来处理指定和删除事件处理程序,这里添加的事件处理程序也是在其依附的元素的作用域中运行。DOM2级方法的好处是可以添加多个事件处理程序。需要注意的是通过addEventListener()添加的事件只能使用removeEventListener()来移除,而且移除时传入的参数与添加时使用的参数要相同。
var btn = document.getElementById('myBtn');
var handler = function(){
alert(this.id);
} btn.addEventListener("click",handler,false); btn.removeEventListener("click",handler,false);