阻止子元素继承父元素事件具体思路及实现
阻止子元素继承父元素事件具体思路及实现
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:#p_box包括#p_cont,当点击#p_box区域任何位置时(包括#p_cont),都会触发a事件。想要阻止点击#p_...

复制代码 代码如下:

<div id="p_box">

<div id=p_cont>

</div>

</div>

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

变成

复制代码 代码如下:

<div id="p_box">

<div id="p_cont">

</div>

</div>

function a(){

//这里是a事件的代码

}

function stopBubble(e) {

if (e && e.stopPropagation) {//非IE浏览器

e.stopPropagation();

}

else {//IE浏览器

window.event.cancelBubble = true;

}

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类