DOM的変动事件总结
来源:互联网 发布:javascript的continue 编辑:程序博客网 时间:2024/05/16 05:17
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属性是被移除节点的父节点。
(下面注释的序号为触发的顺序:)
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
三:插入节点检测?
在使用appendChild()、replaceChild()或insertBefore()向DOM中插入节点的时候:
- 首先触发DOMInserted事件,它对应的event对象中的target属性为添加的节点,relateNode属性对应被添加节点的父节点。(可冒泡);
- 其次触发的是DOMNodeInsertedIntoDocument事件,它对应的event对象中的target属性是添加的节点,只有指定给一个子节点的事件处理程序才会被调用
- 最后出发的是DOMSubtreeModified事件,它对应的event对象长得target属性值是新节点的父节点。
代码如下所示:
阅读全文
0 0
- DOM的変动事件总结
- jQuery的DOM事件总结
- jQuery的DOM事件总结
- DOM事件模型总结
- Dom事件总结
- 【javascript总结】javascript的IE事件和DOM事件模型
- DOM事件处理程序总结
- JavaScript:DOM事件流总结
- javascript事件在IE和DOM浏览器的差异总结
- 2016年4/21学习DOM事件的总结
- 动Web触控事件总结
- 常见的DOM事件
- DOM事件的处理
- JavaScript的dom事件
- DOM事件的处理
- DOM的事件
- 动规的思想总结
- JavaScript DOM 事件处理程序总结
- 迁移/home目录到单独分区
- UFT之检查点
- Java 后台逻辑,合同编号生成
- 爬虫 IP代理策略
- 2017年中国大学生程序设计竞赛网络赛杭电OJ---1003 Friend-Graph
- DOM的変动事件总结
- synchronized 和java.util.concurrent.locks.Lock 的异同
- 欢迎使用CSDN-markdown编辑器
- 原型模式
- Android进阶#(6/12)让程序更优的技术——性能优化_布局优化
- jQuery的append/prepend和after/before有什么区别?
- MAVEN 引入jar包没问题,但是程序中使用jar中的类报错的坑
- 生成器、迭代器
- spring boot 解决无法访问静态资源