JavaScript 技术篇-通过代码获取dom元素绑定的监听事件，chrome浏览器查看js元素绑定的监听事件

小蓝枣

发布于 2021-12-01 14:28:25

8.3K0

> var a = document.querySelector("#su");
< undefined
> getEventListeners(a);
< {mouseout: Array(1), mousedown: Array(1)}
   mousedown: [{…}]
   mouseout: [{…}]
   __proto__: Object

getEventListeners() 方法可以获取到 dom 元素的监听。

可以看到当前 dom 节点的监听就是 mousedown 和 mouseout。取消勾选 Ancestors All 可以排除当前元素所有祖先元素的监听。反过来如果想通过代码获取某个元素所有祖先元素的监听可以遍历它的所有上级节点再依次获取所有 dom 节点的监听。