JavaScript阻止事件冒泡示例分享
更新时间：2014年12月28日 09:12:18 投稿：hebedich
这篇文章主要分享了一则JavaScript阻止事件冒泡示例,需要的朋友可以参考下
之前遇到事件冒泡的问题，也去网上搜索了一番，结果大部分都是一样的代码，贴来用时也不太顺利。涉及到FF时，可以用 e.stopPropagation(); ，不知怎地我没用成功。不过我发现FF支持e.cancelBubble = true;的写法，经测试可行。就把代码贴在这里吧，省得以后到处找。IE以前版本的兼容性还没测试，用到时再完善吧。
复制代码 代码如下:
//取消事件冒泡
function stopBubble(e) {
var evt = (e) ? e : window.event;//兼容FF
evt.cancelBubble = true; //evt.stopPropagation(); FF下阻止冒泡，据说可以用
};
另：
1、cancelBubble（HTML DOM Event 对象属性） ：如果事件句柄想阻止事件传播到包容对象，必须把该属性设为 true。
2、stopPropagation（HTML DOM Event 对象方法）：终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。
3、 preventDefault（HTML DOM Event 对象方法）通知浏览器不要执行与事件关联的默认动作。
例子：
function stopBubble(e)
{
if (e && e.stopPropagation)
e.stopPropagation()
else
window.event.cancelBubble=true
}
把这个stopBubble(e)函数放到你想要的阻止事件冒泡函数里面就可以阻止事件冒泡了
相关文章
异步（Asynchronous, async）是与同步（Synchronous, sync）相对的概念。在我们学习的传统单线程编程中，程序的运行是同步的，同步不意味着所有步骤同时运行，而是指步骤在一个控制流序列中按顺序执行，而异步的概念则是不保证同步的概念2022-09-09
这篇文章主要为大家详细介绍了js私有作用域中创建特权方法，何为特权方法，特权方法就是有权访问私有变量和私有函数的公有方法，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要介绍了js实现文本框宽度自适应文本宽度的方法,可实现根据文本框内容动态改变宽度的功能,涉及javascript动态操作页面元素属性的技巧,需要的朋友可以参考下2015-08-08
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
首先来说，让一个游戏赋有可玩性必须要动静结合,我将要在下面告诉大家如何运用Javascript将静态图片变为动态图片，感兴趣的朋友可以了解下，便当巩固js知识了2013-01-01
使用JS+XML（数据岛）实现分页）...2007-01-01
这篇文章主要帮助大家轻松掌握JavaScript代理模式，什么是代理模式？代理的用途，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要为大家详细介绍了javascript实现简单页面倒计时，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
本文为大家准备了五个基于HTML+CSS+JS实现的酷炫登录页面的示例代码，文中的页面效果都很好看，需要的小伙伴可以参考一下2022-04-04
这篇文章主要是对Javascript中匿名函数的多种调用方式进行了详细的总结介绍。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
JavaScript监测ActiveX控件是否已经安装过的代码
这是通用的方法，只需要把唯一的Activex的clsid和任意一个属性或方法名传进来就可以判断了。（找了两个小时才找到 -_-!）2008-09-09
最新评论