DOM0级事件处理程序
通过JavaScript指定事件处理程序的传统方式，就是将一个函数赋值给一个事件处理程序属性。
主要分为两种形式：
-
在标签内的onclick事件
<input type="button" id="btn" value="Press Me" onclick="console.log('button')" > -
将这种属性的值设置为一个函数，就可以指定事件处理程序
document.getElementById("btn").onclick = function () { console.log('button') }
DOM2级事件处理程序
DOM2级事件定义了两个方法，用来添加和移除事件处理程序。分别是：addEventListener() 和removeEventListener()
// 在文档中添加事件
element.addEventListener(event, function, useCapture)
// 移除文档中的事件句柄
document.removeEventListener(event, function, useCapture)
| 参数 | 描述 |
|---|---|
| event | 必须。字符串，指定事件名。 |
| function | 必须。指定要事件触发时执行的函数。 |
| useCapture | 可选。布尔值，指定事件是否在捕获或冒泡阶段执行。 |
网友评论