只在父级节点中触发事件在子节点中不触发

作者：互联网
时间：2009-05-31 01:04:48

只在父级节点中触发事件在子节点中不触发

注意IE和Firefox等浏览器中的ev***.srcElement : e.target是怎么区别的

点击运行以下代码：

运行演示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<span class="visiblesaf6">http://ww***.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</span>"> <html xmlns="<span class="visiblesaf7">http://ww***.org/1999/xhtml</span>"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 只在父级div中触发事件在子div中不触发 </title> <style type="text/css"> div{background:#eee;margin:20px auto;border:1px solid #ccc;} div div{background:#fff;margin:40px;} #ctnr{width:500px;} #hd{height:300px;} #bd{height:200px;} </style> </head> <body> <div id="ctnr"> ctnr 该div容器包含两个div，<br />但是不让动作发生在其包含的子div里面，只在父div里面触发。 <div id="hd">hd 在这里无触发</div> <div id="bd">bd 在这里无触发</div> 动作只触发在空白的地方 </div> <script type="text/javascript">  </script> </body> </html>

上一篇： AJAX开发过程中的七宗罪

下一篇：非常简单的JS代码点击之后高亮当前行

只在父级节点中触发事件在子节点中不触发

相关阅读

人气下载推荐

相关应用

热门文章

推荐游戏

只在父级节点中触发事件 在子节点中不触发

相关阅读

人气下载推荐

相关应用

热门文章

推荐游戏

只在父级节点中触发事件在子节点中不触发