鍍金池/ 問答/HTML5  HTML/ 如何快速找出一個網(wǎng)頁的某個元素的事件都做了哪些操作?

如何快速找出一個網(wǎng)頁的某個元素的事件都做了哪些操作?

比如說我想找出某個網(wǎng)頁在關閉事件觸發(fā)的時候,都執(zhí)行了哪些函數(shù),這個怎么才能快速找出來???chrome的開發(fā)者工具是否有提供此類功能?(網(wǎng)頁是別人的不是我自己的)

回答
編輯回答
逗婦惱

一般在退出網(wǎng)頁時做的動作一般綁在 beforeunload 或 unload事件,比如下面這種寫法

window.onbeforeunload = function (e) {
  e = e || window.event;

  // 兼容IE8和Firefox 4之前的版本
  if (e) {
    e.returnValue = '關閉提示';
  }

  // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
  return '關閉提示';
};

備注(來源MDN): 當該事件返回的字符串(事前設置好的event.returnValue的值)不為null或者undefined時,彈出確認窗口讓用戶自行選擇是否關閉當前頁面。一些瀏覽器將該事件返回的字符串顯示在彈出窗上。從Firefox 4、 Chrome 51、Opera 38 和Safari 9.1開始,通用確認信息代替事件返回的字符串。比如,火狐上會顯示“本頁面要求您確認您要離開 - 您輸入的數(shù)據(jù)可能不會被保存”

然后,打開Chrome開發(fā)者工具,選中body元素,然后默認回展示它的 樣式信息(Styles),我們選擇 Event Listeners,找到 beforeunload(若綁在unload上就看unload)事件,其下就是對應的所有處理函數(shù)。

clipboard.png

2017年9月19日 05:10