You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.04 04:39:01