用dom2处理事件代码
时间: 2024-02-12 11:06:11 浏览: 72
DOM Level 2 中的事件处理程序分为两种:HTML 事件处理程序和 DOM 事件处理程序。其中,DOM 事件处理程序是 DOM Level 2 中新增的特性。
HTML 事件处理程序是在 HTML 标签中直接定义的,例如:
```
<button onclick="alert('Hello World!')">点击我</button>
```
DOM 事件处理程序则是使用 JavaScript 动态为元素绑定事件,例如:
```
var btn = document.getElementById('myButton');
btn.addEventListener('click', function() {
alert('Hello World!');
}, false);
```
其中,`addEventListener()` 方法用于为元素添加事件监听器,接收三个参数:
- `type`:事件类型,例如 `click`、`load`、`mousemove` 等。
- `listener`:事件处理函数,即当事件触发时需要执行的函数。
- `useCapture`:是否使用事件捕获,一般设置为 `false`,表示在事件冒泡阶段执行事件处理程序。
除了使用 `addEventListener()` 方法绑定事件监听器外,还可以使用 `removeEventListener()` 方法移除已绑定的事件监听器,例如:
```
var btn = document.getElementById('myButton');
var handler = function() {
alert('Hello World!');
};
btn.addEventListener('click', handler, false);
btn.removeEventListener('click', handler, false);
```
以上是 DOM Level 2 中使用 DOM 事件处理程序的基本操作,可以根据实际需求进行扩展。
阅读全文