当前位置：首页 > 设计在线 > 网页设计 > CSS/Xhtml > 只在父级节点中触发事件在子节点中不触发

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

点击次数：41 次发布日期：2008-11-21 16:05:31 作者：源代码网

源代码网推荐

源代码网整理以下只在父级节点中触发事件在子节点中不触发

源代码网整理以下注意IE和Firefox等浏览器中的event.srcElement : e.target是怎么区别的

源代码网整理以下点击运行以下代码：

源代码网整理以下

运行演示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <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> </body> </html>

源代码网供稿.

上一篇: AJAX开发过程中的七宗罪下一篇: 非常简单的JS代码点击之后高亮当前行

网友评论 (0)

我也要写评论

只在父级节点中触发事件在子节点中不触发的相关新闻

会员中心

设计在线

本站推荐

设计在线之精华

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

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