事件处理程序
-
HTML事件处理程序
-
event
通过该变量,可以直接访问事件对象
-
this
在事件处理函数内部,
this
值等于事件的目标元素
问题:
- 时差问题
- 处理程序的作用域链在不同浏览器会导致不同结果
- HTML与Javascript紧密耦合
DOM0级事件处理程序
将函数赋值给事件处理程序属性
btn.onclick = function() { alert("clicked") };
DOM2级事件处理程序
addEventListener()
- 大多数情况下,我们将事件处理程序添加到事件流的冒泡阶段
removeEventListener()
- 通过
addEventListener()
添加的事件处理程序只能通过该方法移除 - 通过
addEventListener()
添加的匿名函数无法被移除
- 通过
参数:
- 事件名
- 事件处理函数
- 布尔值
true
:在捕获阶段调用事件处理程序false
:在冒泡阶段调用事件处理程序
优点:
可以添加多个事件处理程序
-