手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >阻止子元素继承父元素事件具体思路及实现
阻止子元素继承父元素事件具体思路及实现
摘要:复制代码代码如下:#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实例代码

Jquery注册事件实现方法

浅谈jQuery构造函数分析

JavaScript实现的MD5算法完整实例

灵活的理解JavaScript中的this指向

JavaScript通过Date-Mask将日期转换成字符串的方法

javascript清空table表格的方法

详解Node.js包的工程目录与NPM包管理器的使用

iscroll.js的上拉下拉刷新时无法回弹的解决方法

Node.js的MongoDB驱动Mongoose基本使用教程

精品推荐
分类导航