美文网首页
DOM2级的変动事件DOMSubtreeModified,DOM

DOM2级的変动事件DOMSubtreeModified,DOM

作者: 马贞晓 | 来源:发表于2018-05-18 10:23 被阅读0次

DOM变动事件的用法

DOM2级的変动事件是为XML或html的DOM设计的,不特定于某种语言。
一:变动事件的分类有7种,最常用的浏览器支持最多的有3种,下面黑体?

  1. DOMSubtreeModified:在DOM结构中发生任何变化时触发;
  2. DOMNodeInserted:在一个节点作为子节点被插入到另一个节点中时触发;
  3. DOMNodeRemoved:在节点从其父节点中被移除时触发;
  4. DOMNodeInsertedIntoDocument:在一个节点被直接插入文档中或者通过子树间接插入文档后触发。在DOMNodeInserted之后触发;
  5. DOMNodeRemovedFromDocument:在一个节点被直接从文档中删除或通过子树间接从文档中移除之前触发。在DOMNodeRemoved之后触发。
  6. DOMAttrModified:在特性被修改之后触发;
  7. DOMCharacterDataModified:在文本节点的值发生变化的时候触发。
    二:删除节点检测?

首先触发的是DOMNodeRemoved事件,它对应的event对象中的target属性值是被删除的节点,relatedNode属性值是被删除节点的父节点,该事件会冒泡;
其次出发的是DOMNodeRemovedFromDocument事件,它对应的event对象中的target属性值为指定的被删除的子节点。只有绑定到它的子节点上才能被触发。
最后触发的是DOMSubtreeModified事件。这个事件对应event对象中的target属性是被移除节点的父节点。
(下面注释的序号为触发的顺序:)

相关文章

  • DOM2级的変动事件DOMSubtreeModified,DOM

    DOM变动事件的用法 DOM2级的変动事件是为XML或html的DOM设计的,不特定于某种语言。一:变动事件的分类...

  • 十八、DOM之事件绑定的两种处理程序(DOM0和DOM2) --

    1、什么是DOM0、DOM2: 2、DOM0级事件处理程序: 3、DOM2级事件处理程序:

  • 事件处理程序

    HTML事件处理程序 HTML程序和JS无法分离 DOM0级事件处理程序 DOM2级事件处理程序 DOM2级事件定...

  • 事件

    题目1: DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM0级的事件添加形式为 DOM2级事件添...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级、DOM1级、DOM2级、DOM3级DOM事件:DOM0级事件处理、...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级,DOM1级,DOM2级和DOM3级DOM事件:DOM0级事件处理,...

  • 谈谈 文档对象模型-DOM

    DOM 事件 1,DOM 事件级别分为3个级别DOM0级 对应 DOM0 级事件处理DOM2级 对应 DOM1 级...

  • DOM0和DOM2级事件简单理解

    关于DOM0 和DOM1级事件可以简单理解为:事件分为DOM 0级事件和Dom 2级事件,DOM2级事件也叫做事件...

  • addEventListener与attachEvent区别

    DOM2级事件处理程序 DOM2级事件定义了两个方法用于处理指定和删除事件处理程序的操作: addEventLis...

  • 事件

    题目1: DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM2级事件特点:1)存在两个方法,用于处...

网友评论

      本文标题:DOM2级的変动事件DOMSubtreeModified,DOM

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