1. 程式人生 > >通過開發者工具監控事件觸發

通過開發者工具監控事件觸發

我們經常會通過這樣的程式碼去判斷某個元素的某些事件有沒有被觸發:

$('body').on("click", function(e) {
    console.log(e);
});

事實上,Chrome開發者工具以及Firebug都提供了內建事件監控方法——monitorEvents。下面我們介紹一下具體用法。

審查一個元素,此時,你可以在控制檯中通過變數$0獲取這個元素:

在控制檯中輸入:

monitorEvents($0, 'click');


當然,這樣也是可以的:

monitorEvents(document.body, 'click');


使用滑鼠點選頁面,控制檯中就會輸出事件物件:

萬一你不想再監控事件觸發了,你可以呼叫unmonitorEvents方法:

unmonitorEvents(document.body, 'click');


這樣一來,我們就不需要在原始碼檔案中寫額外的程式碼去監控事件了。