EventListener
EventListener
接口表示的对象可以处理 EventTarget
对象所调度的事件。
Note: 由于需要与以前遗留的内容进行兼容,EventListener
可以接受一个函数,也可以接受带有 handleEvent()
函数属性的对象。这将在下面的例子中展现出来。
属性
此接口未实现或继承任何属性。
方法
此接口未继承任何方法。
EventListener.handleEvent()
- 一个在特定类型的事件被调用时运行的函数。
例子
HTML
<button id="btn">点这里!</button>
JavaScript
const buttonElement = document.getElementById('btn');
// Add a handler for the 'click' event by providing a callback function.
// Whenever the element is clicked, a pop-up with "Element clicked!" will
// appear.
buttonElement.addEventListener('click', function (event) {
alert('Element clicked through function!');
});
// 由于兼容性原因,一个带有 handleEvent 函数属性的对象也可以达到相同的效果。
buttonElement.addEventListener('click', {
handleEvent: function (event) {
alert('Element clicked through handleEvent property!');
}
});
结果
参见:
规范
规范 | 状态 | 备注 |
---|---|---|
DOM EventListener |
Living Standard | No change. |
Document Object Model (DOM) Level 2 Events Specification EventListener |
Obsolete | Initial definition. |
浏览器兼容性
No compatibility data found for api.EventListener
.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.