成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

瀏覽器常用監(jiān)聽事件

callmewhy / 1873人閱讀

摘要：廣告錯(cuò)誤監(jiān)控插件，及時(shí)發(fā)現(xiàn)，提高效率頁面初始化頁面監(jiān)聽頁面跳轉(zhuǎn)監(jiān)聽和需要自定義離開頁面監(jiān)聽自定義監(jiān)聽和錯(cuò)誤信息打印查看所有報(bào)錯(cuò)信息

廣告：Fundebug錯(cuò)誤監(jiān)控插件，及時(shí)發(fā)現(xiàn)Bug，提高Debug效率！

頁面 
</>復(fù)制代碼 
  1. //初始化頁面監(jiān)聽
  2. document.addEventListener("DOMContentLoaded", ready);
  3. // 頁面跳轉(zhuǎn)hash
  4. document.addEventListener("hashchange", navigation);
  5. // 監(jiān)聽pop和push需要自定義
  6. document.addEventListener("popstate", navigation);
  7. document.addEventListener("pushState", navigation);
  8. //離開頁面監(jiān)聽
  9. document.addEventListener("beforeunload", leave);
自定義監(jiān)聽popstate和pushState 
</>復(fù)制代碼 
  1. history.pushState = this.resetHistory("pushState");
  2. history.replaceState = this.resetHistory("replaceState");
  3.   resetHistory(type) {
  4.     let orig = history[type];
  5.     return function() {
  6.       let rv = orig.apply(this, arguments);
  7.       let e = new Event(type);
  8.       e.arguments = arguments;
  9.       window.dispatchEvent(e);
  10.       return rv;
  11.     };
  12.   }
error 
</>復(fù)制代碼 
  1. window.onerror = function (errorMsg, url, lineNumber) {
  2.                alert(errorMsg + lineNumber);//錯(cuò)誤信息+lineNumber
  3.        };
  4.        
  5. window.addEventListener("unhandledrejection", event => 
  6.     { 
  7.        console.log("unhandledrejection:" + event);//打印event查看所有報(bào)錯(cuò)信息
  8.     });      
  9.

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103638.html

相關(guān)文章

  • 事件代理及常用的 HTML 事件

    摘要：之前總結(jié)了事件捕獲和冒泡以及阻止事件傳播，今天寫一下事件代理方面的總結(jié)事件之捕獲冒泡阻止事件傳播事件代理監(jiān)聽列表中多項(xiàng)時(shí)，實(shí)現(xiàn)點(diǎn)擊控制臺(tái)打印對(duì)應(yīng)文本，如下蘋果香蕉葡萄首先想到的對(duì)每一個(gè)進(jìn)行監(jiān)聽或者使用和的區(qū)別是屬性，是方法。 之前總結(jié)了事件捕獲和冒泡以及阻止事件傳播，今天寫一下事件代理方面的總結(jié)DOM 事件之捕獲、冒泡：阻止事件傳播： 事件代理 監(jiān)聽列表中多項(xiàng) li 時(shí)，實(shí)現(xiàn)點(diǎn)擊 li...

    xavier 評(píng)論0 收藏0

  • 瀏覽器常用事件解析

    摘要：之前寫過一篇瀏覽器事件的相關(guān)操作和事件運(yùn)行的原理瀏覽器事件解析。注意，頁面從瀏覽器緩存加載，并不會(huì)觸發(fā)事件。事件有一個(gè)屬性，返回一個(gè)布爾值。此外，不支持事件，可以使用事件代替。 之前寫過一篇瀏覽器事件的相關(guān)操作和事件運(yùn)行的原理——JavaScript瀏覽器事件解析。這一篇主要寫一些常用的事件及一些可能的坑。 表單事件 鍵盤事件 當(dāng) , 的值發(fā)生變化時(shí)觸發(fā)。此外，打開 contente...

    zhoutk 評(píng)論0 收藏0

  • 瀏覽器常用事件解析

    摘要：之前寫過一篇瀏覽器事件的相關(guān)操作和事件運(yùn)行的原理瀏覽器事件解析。注意，頁面從瀏覽器緩存加載，并不會(huì)觸發(fā)事件。事件有一個(gè)屬性，返回一個(gè)布爾值。此外，不支持事件，可以使用事件代替。 之前寫過一篇瀏覽器事件的相關(guān)操作和事件運(yùn)行的原理——JavaScript瀏覽器事件解析。這一篇主要寫一些常用的事件及一些可能的坑。 表單事件 鍵盤事件 當(dāng) , 的值發(fā)生變化時(shí)觸發(fā)。此外，打開 contente...

    Richard_Gao 評(píng)論0 收藏0

  • React.js 小書 Lesson9 - 事件監(jiān)聽

    摘要：在不需要手動(dòng)調(diào)用瀏覽器原生的進(jìn)行事件監(jiān)聽。沒有經(jīng)過特殊處理的話，這些的事件監(jiān)聽只能用在普通的的標(biāo)簽上，而不能用在組件標(biāo)簽上。的事件監(jiān)聽方法需要手動(dòng)到當(dāng)前實(shí)例，這種模式在中非常常用。下一節(jié)中我們將介紹小書組件的和。 React.js 小書 Lesson9 - 事件監(jiān)聽 本文作者：胡子大哈本文原文：http://huziketang.com/books/react/lesson9 轉(zhuǎn)載請(qǐng)...

    yanbingyun1990 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<