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 | 可选。布尔值,指定事件是否在捕获或冒泡阶段执行。 |