美文网首页前端
[Event]JS移出dom节点下所有节点的事件、或者该节点事件

[Event]JS移出dom节点下所有节点的事件、或者该节点事件

作者: _小老虎_ | 来源:发表于2020-10-30 15:32 被阅读0次

如果有些 addEventremoveEvent都必须对应统一的函数对象(函数名)才可以,不然会remove失败

  • 传统 add和remove
addEventListener(
            'loadedmetadata', this._fgLoadedmetadataEvent.bind(this));
  • 一次性remove

这个时候执行完了函数之后,

重新讲变量指针指向 -> 通过标记id tag获取该对象

static recreateNode(el, withChildren) {
        let newNode = null;
        if (withChildren) {
            newNode = el.cloneNode(true);
            el.parentNode.replaceChild(newNode, el);
        } else {
            newNode = el.cloneNode(false);
            while (el.hasChildNodes()) {
                newNode.appendChild(el.firstChild);
            }
            el.parentNode.replaceChild(newNode, el);
        }
        return newNode;
    }

参考文献
https://stackoverflow.com/questions/9251837/how-to-remove-all-listeners-in-an-element

相关文章

  • [Event]JS移出dom节点下所有节点的事件、或者该节点事件

    如果有些 addEvent和removeEvent都必须对应统一的函数对象(函数名)才可以,不然会remove失败...

  • 自定义事件深入

    1.原生dom绑定系统事件 2.非原生dom绑定自定义事件 Event组件:Event非原生DOM节点,而绑定的c...

  • JS基础

    一.DOM节点操作方法# 二.事件类型以及含义# 三.Event对象属性含义# 四.节点对象的属性# 五.元素对象...

  • DOM的事件、节点及其Event事件

    一、DOM节点 appendChild()向节点添加最后一个子节点 insertBefore()在已有的子节点前插...

  • 第十六节: JavaScript 事件处理模型与事件对象

    一.事件处理模型 当一个dom节点触发事件后,该事件会按照HTML结构在根节点和这个元素节点之间传播,路径上所有的...

  • 第十六节JavaScript 事件处理模型与事件对象

    一.事件处理模型 当一个dom节点触发事件后,该事件会按照HTML结构在根节点和这个元素节点之间传播,路径上所有的...

  • 兼容性(js)

    DOM节点获取 事件event获取源 3.获取ClassName问题 innertext兼容性 5.设置监听事件

  • HTML DOM

    DOM(Document Object Model)文档对象模型 获取节点 节点属性 样式 事件 节点关系 创建/...

  • 18 UI和逻辑

    LOGIC (一)事件触发节点Event,Toggle逻辑节点 (二)CLIP节点用来换算比例,控制模型输出比例。...

  • 事件基础

    事件传播机制 事件冒泡 事件从目标节点开始沿DOM树向上传播,直到document, DOM结构中的下层节点会更早...

网友评论

    本文标题:[Event]JS移出dom节点下所有节点的事件、或者该节点事件

    本文链接:https://www.haomeiwen.com/subject/acedvktx.html