事件绑定有三种方式:
(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 级事件处理程序最好添加到冒泡阶段。
9.01-----事件绑定
最新推荐文章于 2023-07-20 14:54:00 发布