当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

js中阻止事件冒泡的方法

发表于: 2013-08-02   作者:商人shang   来源:转载   浏览:
摘要: 如果两个相互嵌套的js节点同时注册有相同的事件的话,便会同时出发两个事件,可是往往需要的是一个节点的事件触发,可以阻止事件冒泡,仅仅出发一个函数。例子如下: 1. 对于原生的JS function stopBubble(e){ if (e && e.stopPropagation) e.stopPropagation() else

如果两个相互嵌套的js节点同时注册有相同的事件的话,便会同时出发两个事件,可是往往需要的是一个节点的事件触发,可以阻止事件冒泡,仅仅出发一个函数。例子如下:

1. 对于原生的JS

function stopBubble(e){
    if (e && e.stopPropagation)
        e.stopPropagation()
    else
        window.event.cancelBubble=true
}

 

2. 对于Jquery绑定的事件就比较简单了,因为jquery做了很多的处理只需要使用event.stopPropagation();就可以了,如下:

$(".itemTable tr").click(function(event){
			event.stopPropagation();
			
		});

 

 

 

js中阻止事件冒泡的方法

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
事件的旅程 当页面上发生一个事件时,每个层次上的DOM元素都有机会处理这个事件。以下面的页面模型
原文地址:http://www.cnblogs.com/binyong/articles/1750263.html 这篇文章对于了解Javascript的事
转自:http://blog.163.com/ak_74a/blog/static/470404072008530105542228/ 前阵子为BS项目模板做了
今天在开发后台权限管理时使用了tinyaccordion 这个小控件,如图所示 这个结构代码大致如下: 在过程
冒泡型事件的基本思想是、事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触
今天在实现首页图片提示时遇到onmouseout和onmouseover问题折腾了我很久,后来才知道这是js事件冒泡
浏览器在发生一个事件时会从经过顶层到目标的捕获过程,目标到顶层的冒泡过程,不多解释,看代码理
/* v9_date_list 日期表 tiptime 考试日期(数据类型为日期) 如果要实现浮窗淡入淡出用jquery的("#
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行
事件中的冒泡现象 严格来说,事件在出发后分为两个阶段,一个是捕获,一个是冒泡,但有些遗憾的是,
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号