javascript - DOMNodeInserted 和 DOMNodeInsertedIntoDocument 有什么区别？

Question

根据wiki中的DOM事件发现in the wiki link here ,

DOMNodeInserted:当一个节点被添加为另一个节点的子节点时触发

DOMNodeInsertedIntoDocument:在将节点插入文档时触发

现在真正的区别是什么？这两个事件不应该是一样的吗？如果不是，应该在何时何地使用？

我使用上述 DOM 事件的场景是，我有一组页面，每个页面在为导航保留的 div 中加载一个 nav.jsp 文件。现在我想突出显示当前页面的导航选项卡，因此我在加载该 DOM 元素 (nav DIV) 后给它一个小的背景属性。

现在解决我的问题:

$(document).on('DOMNodeInserted', function(e) { 
      if(e.target.id=="navigate"){
      //...........
      }
 });

有效，但很好奇我的问题中指定的两个事件之间有什么区别？

Answer 1

DOMNodeInsertedIntoDocument 事件类似于DOMNodeInserted 事件，但它在节点插入文档时发生。

例如，如果将节点添加到不属于文档的元素，则会触发 DOMNodeInserted 事件，但不会触发 DOMNodeInsertedIntoDocument 事件。如果节点的父元素插入到文档中，则会触发 DOMNodeInsertedIntoDocument 事件，但不会触发 DOMNodeInserted 事件。

参见 JSFiddle:http://jsfiddle.net/ghyga4v6/2/

尝试在文本节点仍然存在时移除容器，然后将其重新插入以查看触发的不同事件。