addEventListener()是独立方法还是隶属于某一对象的方法?
关于
addEventListener()的所属关系说明 addEventListener() 并非独立方法,它是隶属于 EventTarget 接口的实例方法。
所有实现了 EventTarget 接口的对象实例,都可以调用该方法绑定事件监听,前端开发中常见的可调用该方法的对象包括:
- 全局对象
window - DOM 文档对象
document - 所有DOM元素节点(比如
<button>、<div>对应的实例对象) XMLHttpRequest、WebSocket等内置API实例
和Math.round()、Math.floor()作为静态方法直接挂载在Math对象上调用的逻辑不同,addEventListener()不能脱离实例单独调用:
- 合法调用示例:
document.addEventListener('click', () => console.log('点击触发')) - 直接调用
addEventListener(...)会抛出ReferenceError报错,我们平时在全局作用域下省略前缀直接写该方法时,本质是调用全局window实例下的方法,是window.addEventListener(...)的简写。
内容的提问来源于stack exchange,提问作者Conventional Warhead
相关产品推荐
相关产品推荐

