不冒泡的事件如何调用事件处理程序
日期：2014-05-16 浏览次数：20396 次
不冒泡的事件怎么调用事件处理程序？
我看js高级程序设计P386看到这句：
“如果被移除的节点包含子节点，那么在其所有子节点以及这个被移除的节点上会相继触发 DOMNodeRemovedFromDocument 事件。但这个事件不冒泡，所以只有直接指定给其中一个子节点的事件处理程序才会被调用。”
这里为什么不能直接指定节点<ul>?(好吧其实我没看懂上面这段，求拍砖)
------解决方案--------------------
不冒泡的意思是不会触发父元素的对应事件吧，上面那段代码应该只有最后一段会执行
<body>
<ul id="mylist">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
EventUtil.addHandler(window, "load", function(event) {
var list = document.getElementById("myList");
EventUtil.addHandler(document, "DOMSubtreeModified", function(event) {
alert(event.type);//DOMSubtreeModified
alert(event.target);//object HTMLHtmlElement
});
EventUtil.addHandler(document, "DOMNodeRemoved", function(event) {
alert(event.type);//DOMNodeRemoved
alert(event.target);//object HTMLDivElement
alert(event.relatedNode);//object HTMLHtmlElement
});
//###这里为什么不能直接指定节点<ul>（list）?###
EventUtil.addHandler(list.firstChild, "DOMNodeRemovedFromDocument", function(event) {
alert(event.type);//DOMNodeRemoved
alert(event.target);//object HTMLUListElement
alert(event.relatedNode);//object HTMLBodyElement
});
list.parentNode.removeChild(list);
});
我看js高级程序设计P386看到这句：
“如果被移除的节点包含子节点，那么在其所有子节点以及这个被移除的节点上会相继触发 DOMNodeRemovedFromDocument 事件。但这个事件不冒泡，所以只有直接指定给其中一个子节点的事件处理程序才会被调用。”
这里为什么不能直接指定节点<ul>?(好吧其实我没看懂上面这段，求拍砖)
------解决方案--------------------
不冒泡的意思是不会触发父元素的对应事件吧，上面那段代码应该只有最后一段会执行
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
