dispatchEvent
时间: 2024-05-08 21:20:25 浏览: 48
DispatchEvent
`dispatchEvent` 是 JavaScript 中的一个方法,它可以用于触发一个事件。它通常与 `addEventListener` 方法一起使用。`addEventListener` 用于给某个元素添加一个事件监听器,当该元素触发指定类型的事件时,该监听器就会被调用。而 `dispatchEvent` 则可以手动触发指定类型的事件,从而触发相应的监听器。
示例代码:
```javascript
// 给一个元素添加一个 click 事件监听器
document.getElementById('myButton').addEventListener('click', function(event) {
console.log('Button clicked!');
});
// 手动触发 click 事件
var event = new Event('click');
document.getElementById('myButton').dispatchEvent(event);
```
上述代码中,当用户点击 `id` 为 `myButton` 的按钮时,控制台将输出 `Button clicked!`。同时,我们也可以通过调用 `dispatchEvent` 方法手动触发 `click` 事件,从而达到和用户点击按钮相同的效果。
阅读全文