瀏覽器常用監聽事件

callmewhy 發布于2019-08-23 16:59 / 1851人閱讀

摘要：廣告錯誤監控插件，及時發現，提高效率頁面初始化頁面監聽頁面跳轉監聽和需要自定義離開頁面監聽自定義監聽和錯誤信息打印查看所有報錯信息

廣告：Fundebug錯誤監控插件，及時發現Bug，提高Debug效率！

頁面

//初始化頁面監聽
document.addEventListener("DOMContentLoaded", ready);

// 頁面跳轉hash
document.addEventListener("hashchange", navigation);
// 監聽pop和push需要自定義
document.addEventListener("popstate", navigation);
document.addEventListener("pushState", navigation);

//離開頁面監聽
document.addEventListener("beforeunload", leave);

自定義監聽popstate和pushState

history.pushState = this.resetHistory("pushState");
history.replaceState = this.resetHistory("replaceState");

  resetHistory(type) {
    let orig = history[type];
    return function() {
      let rv = orig.apply(this, arguments);
      let e = new Event(type);
      e.arguments = arguments;
      window.dispatchEvent(e);
      return rv;
    };
  }

error

window.onerror = function (errorMsg, url, lineNumber) {
               alert(errorMsg + lineNumber);//錯誤信息+lineNumber
       };
       
window.addEventListener("unhandledrejection", event => 
    { 
       console.log("unhandledrejection:" + event);//打印event查看所有報錯信息
    });

云服務器 GPU云服務器監聽事件事件監聽監聽鍵盤事件 button監聽事件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103638.html

事件代理及常用的 HTML 事件

摘要：之前總結了事件捕獲和冒泡以及阻止事件傳播，今天寫一下事件代理方面的總結事件之捕獲冒泡阻止事件傳播事件代理監聽列表中多項時，實現點擊控制臺打印對應文本，如下蘋果香蕉葡萄首先想到的對每一個進行監聽或者使用和的區別是屬性，是方法。之前總結了事件捕獲和冒泡以及阻止事件傳播，今天寫一下事件代理方面的總結DOM 事件之捕獲、冒泡：阻止事件傳播：事件代理監聽列表中多項 li 時，實現點擊 li...

xavier 2019-08-23 10:57 評論0 收藏0
瀏覽器常用事件解析

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

zhoutk 2019-08-02 16:04 評論0 收藏0
瀏覽器常用事件解析

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

Richard_Gao 2019-08-23 11:52 評論0 收藏0
React.js 小書 Lesson9 - 事件監聽

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

yanbingyun1990 2019-08-21 17:33 評論0 收藏0