阻止子元素继承父元素事件具体思路及实现

时间:2013-05-02    点击:122   
复制代码 代码如下:

<div id="p_box" onclick="a()">
<div id=p_cont>
</div>
</div>

#p_box包括#p_cont,当点击#p_box区域任何位置时(包括#p_cont),都会触发a事件。想要阻止点击#p_cont区域时触发a事件,需要在#p_cont区域内加入阻止事件冒泡的代码。
变成
复制代码 代码如下:

<div id="p_box" onclick="a()">
<div id="p_cont" onclick="stopBubble(this.id)">
</div>
</div>
function a(){
//这里是a事件的代码
}
function stopBubble(e) {
if (e && e.stopPropagation) {//非IE浏览器
  e.stopPropagation();
}
else {//IE浏览器
window.event.cancelBubble = true;
}
}
JS动态获取当前时间,并写到特定的区域
JS实现商品倒计时实现代码
Javascript代码在页面加载时的执行顺序介绍
为什么要在引入的css或者js文件后面加参数的详细讲解
javascript两种function的定义介绍及区别说明
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved