有沒有什麼方法可以查看添加到IE 9+中DOM元素的事件監聽器?查看DOM級別2 IE中的事件處理程序
在Chrome中,我們可以使用getEventListeners(object)從控制檯看到附加事件。
我試過Visual Events,但它只顯示DOM級別0事件。
如果你想知道,我需要列出附加的事件處理程序窗口卸載事件和調試哪些事件被觸發,以找出哪一個導致異常/防止傳播。在Chrome中正確調度卸載事件處理程序。
有沒有什麼方法可以查看添加到IE 9+中DOM元素的事件監聽器?查看DOM級別2 IE中的事件處理程序
在Chrome中,我們可以使用getEventListeners(object)從控制檯看到附加事件。
我試過Visual Events,但它只顯示DOM級別0事件。
如果你想知道,我需要列出附加的事件處理程序窗口卸載事件和調試哪些事件被觸發,以找出哪一個導致異常/防止傳播。在Chrome中正確調度卸載事件處理程序。
是的,你可以很容易地看到DOM2處理程序:
右鍵單擊該元素與事件處理程序,並選擇檢查元素
應觸發的DOM瀏覽器選項卡;如果沒有,這樣做
選擇在右側
它列出附加到該元素的事件處理程序,包括那些DOM2事件標籤。
例如,使用this fiddle:
<div id="target">
I have a DOM2 event handler.
</div>
function thisIsADOM2Handler() {
this.style.color = "green";
}
document.getElementById("target").addEventListener("click", thisIsADOM2Handler, false);
我跟着上面的步驟來看到這一點:
我需要列出的附加事件處理程序窗口卸載事件
你會發現在body
元素上列出的window
unload
事件處理程序,所以在DOM查看器導航那裏看到他們:
謝謝。這適用於DOM元素。有什麼辦法可以查看window.unload處理程序嗎? –
@SenJacob:那些出現在'body'元素上;我已經更新過。 –
[看看這個問題(HTTP:// stackoverflow.com/questions/2623118/inspect-attached-event-handlers-for-any-dom-element) –