alert(this.tagName); if (obj.removeEventListener){ obj.removeEventListener("click",handler,false); } else { // ie8及以下，只支持事件冒泡 obj.detachEvent("onclick",handler); if (obj.addEventListener) { obj.addEventListener("click",handler,false); } else { // ie8及以下，只支持事件冒泡 obj.attachEvent("onclick",handler); 在前端编码中，经常会通过 addEventListener 来添加全局的事件监听，但是，这种全局的事件监听方法若使用不当，很容易造成严重的性能问题，下面我就来说一下如何正确的添加和 销毁 全局的事件监听。 1、element. addEventListener 的使用方法 这里我就不多啰嗦了，网上已经讲的很明白了，下面附上链接。 https://www.runoob.com/jsref/met-element- addeventlistener .html 2、window. addEventListener mounted() { window. addEventListener ("scroll",this.setHeadPosition);//this.setHeadPosition方法名 在DOM事件模型中，通过调用对象的 addEventListener ()方法注册事件，用法如下： element. addEventListener (String type, Function listener, boolean useCapture); type：注册事件的类型名。事件类型与事件属性不同，事件类型名没有on前缀。例如，对于事件属性为onclick来说，所对应的事件类型应... 子窗口向父窗口传值，比如点击按钮弹窗打开iframe ，这时候可以使用，防止跨域。我的问题比较简单，就是监听没有删除，导致多次 执行 。方法二：类似防抖节流的思想，每次点击将函数监听函数进行替换，只 执行 点击的最后 一次 ，我觉得还是这种方式最简单。 一次 ，多次点击，就会多次 执行 ，如果里面也有业务逻辑的话，比如发送请求，就会 执行 多次，所以是BUG。方案1：在打印后，清除监听。这个时候，由于我的监听，是放在按钮事件内，所以每点 一次 就会。演示代码，不分父子窗口，直接写一个页面内，仅供参考。的回调函数，必须是同一个。 //使用pageinit 事件来设置代码脚本在DOM元素加载完成后开始 执行 $(document).on("pagecreate","#pageone",function(){ // jQuery 事件... //点击事件 $("p").on("tap",function(){ $(this).hide(); //长按事件 点击不放（长按） 事件在点击并不放（大约 今天在做项目的过程中，组件中调用iframe时，由于在组件的created方法中写了监听，用于接收iframe发来的信息，但是在组件 销毁 的时候并没有去掉监听，导致组件创建几次，监听方法就会 执行 几次，特此记录 created() { window. addEventListener ('message', this.receiveMessage, false) beforeDestr... ES6 中使用 Class 语法糖，处理事件监听器的注册( addEventListener )和 销毁 (removeEventListener)时，其中遇到的、或者说需要注意的一些问题(如：注册事件无法 销毁 )及解决方案。