DOM變動(dòng)事件的用法
DOM2級(jí)的変動(dòng)事件是為XML或html的DOM設(shè)計(jì)的性湿,不特定于某種語(yǔ)言纬傲。
一:變動(dòng)事件的分類有7種,最常用的瀏覽器支持最多的有3種肤频,下面黑體叹括?
- DOMSubtreeModified:在DOM結(jié)構(gòu)中發(fā)生任何變化時(shí)觸發(fā);
- DOMNodeInserted:在一個(gè)節(jié)點(diǎn)作為子節(jié)點(diǎn)被插入到另一個(gè)節(jié)點(diǎn)中時(shí)觸發(fā)着裹;
- DOMNodeRemoved:在節(jié)點(diǎn)從其父節(jié)點(diǎn)中被移除時(shí)觸發(fā)领猾;
- DOMNodeInsertedIntoDocument:在一個(gè)節(jié)點(diǎn)被直接插入文檔中或者通過(guò)子樹(shù)間接插入文檔后觸發(fā)。在DOMNodeInserted之后觸發(fā)骇扇;
- DOMNodeRemovedFromDocument:在一個(gè)節(jié)點(diǎn)被直接從文檔中刪除或通過(guò)子樹(shù)間接從文檔中移除之前觸發(fā)摔竿。在DOMNodeRemoved之后觸發(fā)。
- DOMAttrModified:在特性被修改之后觸發(fā)少孝;
- DOMCharacterDataModified:在文本節(jié)點(diǎn)的值發(fā)生變化的時(shí)候觸發(fā)继低。
二:刪除節(jié)點(diǎn)檢測(cè)?
首先觸發(fā)的是DOMNodeRemoved事件稍走,它對(duì)應(yīng)的event對(duì)象中的target屬性值是被刪除的節(jié)點(diǎn)袁翁,relatedNode屬性值是被刪除節(jié)點(diǎn)的父節(jié)點(diǎn),該事件會(huì)冒泡婿脸;
其次出發(fā)的是DOMNodeRemovedFromDocument事件粱胜,它對(duì)應(yīng)的event對(duì)象中的target屬性值為指定的被刪除的子節(jié)點(diǎn)。只有綁定到它的子節(jié)點(diǎn)上才能被觸發(fā)狐树。
最后觸發(fā)的是DOMSubtreeModified事件焙压。這個(gè)事件對(duì)應(yīng)event對(duì)象中的target屬性是被移除節(jié)點(diǎn)的父節(jié)點(diǎn)。
(下面注釋的序號(hào)為觸發(fā)的順序:)