javascript - 是否可以在 JavaScript(不是 jQuery)中获取与 DOM 元素关联的事件

Question

我有一个脚本文件，它将被动态注入(inject)到任何网站。我无权访问该网站代码。我想要做的是，当有人单击网页的任何元素时，应显示与该元素关联的事件列表。

在 DOM 3 规范中，之前提到要添加 EventListenerList。但不幸的是它已从规范中删除。

我已经检查过视觉事件 2。但他们只能窃取自定义库的事件和具有 on 属性的 DOM 事件。

在 jQuery 1.8+ 中，我们还可以使用

轻松访问元素的事件

$._data(element,'events');

在chrome中，我们可以使用

来访问它

getEventListeners(element)

如果我有权访问网页，那么我可以重写原型(prototype)的 addEventListener 方法，例如

HTMLElement.prototype.realAddEventListener = HTMLElement.prototype.addEventListener;                              
HTMLElement.prototype.addEventListener = function(a,b,c){ 
    this.realAddEventListener(a,b,c); 
    //do whatever want
};

但我的情况并非如此，因为我无法在事件监听器绑定(bind)之前注入(inject)此代码。任何人都可以帮助我使用 Vanilla JS 吗？

Answer 1

您可以使用 javascript DOM(无需 JQuery)处理您的事件

document.getElementById('my_element').onclick=function(event){
    //TO DO: the behavior of your action
}

希望我的回答对你有帮助