吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 666|回复: 4
收起左侧

[学习记录] Javascript/DOM:如何删除 DOM 对象的所有事件侦听器

[复制链接]
mr88fang 发表于 2024-2-23 16:41

Javascript/DOM:如何删除 DOM 对象的所有事件侦听器

一、重写

重写 EventTarget 添加监听事件方法 addEventListener

if (EventTarget.prototype.original_addEventListener == null) {
    EventTarget.prototype.original_addEventListener = EventTarget.prototype.addEventListener;
    function addEventListener_hook(typ, fn, opt) {
        console.log('--- add event listener',this.nodeName,typ);
        this.all_handlers = this.all_handlers || [];
        this.all_handlers.push({typ,fn,opt});
        this.original_addEventListener(typ, fn, opt);
    }
    EventTarget.prototype.addEventListener = addEventListener_hook;
}

二、代码注入

您应该将此代码插入到主网页顶部附近(例如index.html)。在清理期间,您可以循环遍历 all_handlers,并为每个处理程序调用removeEventHandler。不必担心使用同一函数多次调用 removeEventHandler

function cleanup(elem) {
    for (let t in elem) if (t.startsWith('on') && elem[t] != null) {
        elem[t] = null;
        console.log('cleanup removed listener from '+elem.nodeName,t);
    } 
    for (let t of elem.all_handlers || []) {
        elem.removeEventListener(t.typ, t.fn, t.opt);
        console.log('cleanup removed listener from '+elem.nodeName,t.typ);
    } 
}

注意:对于 IE,请使用 Element 而不是 EventTarget,并将 => 更改为 function 以及其他各种内容。

三、实战

举一反三,该操作可移除监听复制事件,Ctrl+C等等事件。删除原有事件,你可以复用现有功能按钮添加自定义事件处理。

<img src="https://cdn.dtking.cn/script/b1.png" style="zoom:50%;" />

<img src="https://cdn.dtking.cn/script/b3.png" style="zoom:50%;" />

<img src="https://cdn.dtking.cn/script/b4.png" style="zoom:50%;" />

原文地址

免费评分

参与人数 3吾爱币 +2 热心值 +3 收起 理由
Takitooru + 1 感谢发布原创作品,吾爱破解论坛因你更精彩!
inkcolor233 + 1 + 1 热心回复!
Pwaerm + 1 + 1 谢谢@Thanks!

查看全部评分

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

Pwaerm 发表于 2024-2-23 17:27
好文章,学习了。
inkcolor233 发表于 2024-2-23 18:24
bwuaich 发表于 2024-2-23 19:03
头像被屏蔽
moruye 发表于 2024-2-23 21:14
提示: 作者被禁止或删除 内容自动屏蔽
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-12-12 21:45

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表