20190226JavaScript-知识点记录：dom0级事件，dom2级事件

Posted 2021-02-11 dorrri

DOM0级事件处理程序：

通过将元素的事件处理程序属性（如onclick）的值设置为一个函数来指定事件处理程序的方法称为DOM0级方法，它被认为是元素的方法，这时候的事件处理程序是在元素的作用域中运行（也就是this引用当前元素）：

1 var btn = document.getElementById(‘myBtn‘);
2 btn.onclick = function(){
3     alert(this.id);
4 };

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);