浏览器常用监听事件

callmewhy 发布于2019-08-23 16:59 / 1850人阅读

摘要：广告错误监控插件，及时发现，提高效率页面初始化页面监听页面跳转监听和需要自定义离开页面监听自定义监听和错误信息打印查看所有报错信息

广告：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监听事件

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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