js与jquery阻止冒泡的方法

1、event 对象供我们在需要时调用，event对象只在事件发生过程中才有效，event代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态 ;（w3c说明）
2、ff与ie/chrome里面的event对象不同，ie/chrome中是window.event ，ff中是event本身；ie/chrome事件对象 window.event.srcElement ， ff中为event.target ;
3、如果事件句柄想阻止事件传播到包容对象，必须把cancelBubble属性设为 true。

以下代码为发生点击事件时某元素消失，点击事件对象时不消失；
第一种方法：事件监听

<script type="text/javascript">$(document).bind('click', function(event) {var _event = event || window.event;var _element = _event.target || _event.srcElement;while (_element) {if (_element.id && _element.id == 'xxx') {return;}_element = _element.parentNode;}$('xxx').css('display', 'none');});
</script>

第二种方法：阻止冒泡

     function stopPropagation(e) {var _e = e || window.event;if (_e.stopPropagation) {_e.stopPropagation();}else if (window.event) {window.event.cancelBubble = true;}}

js与jquery阻止冒泡的方法相关推荐

js jquery阻止冒泡事件
event.stopPropagation(); -- 阻止元素冒泡事件注:嵌套元素一般都存在冒泡事件,会带来某些影响例:<div id="c1" οnclick=& ...
jQuery阻止冒泡事件的方法
jQuery提供了两种阻止冒泡事件的方法方式一.event.stopPropagation() $('#div1').mousedown(function(event){ event.stopPro ...
jQuery阻止冒泡事件的几种方法
一.何为冒泡事件冒泡事件简单来说就是点击子节点,会向上触发父节点.祖先节点的点击事件. 二.阻止事件冒泡可以通过以下三种方法做到不同程度的阻止. 1.return false (In event ...
jQuery阻止冒泡和HTML默认操作
jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发. jQuery是一个快捷简便的JavaScript框架,说 ...
jquery 阻止冒泡事件和阻止默认事件
jQuery 冒泡和默认事件: <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
JQuery阻止冒泡事件on绑定中异常情况分析
本文转载自https://www.cnblogs.com/tengj/p/4794947.html,纯粹作为日常笔记使用科普下事件冒泡以及默认行为,以下面例子举列子: 事件冒泡:当点击内部butto ...
jquery阻止冒泡事件行为发生
<div οnclick="a()"> <p οnclick="b()"></p> </div> div和p元素 ...
原生js模拟jQuery选择器功能及方法
模拟jQuery选择器功能及方法查看jQuery源码可以发现,jQuery中没有使用new操作符来创建新对象,而是采用调用jQuery原型中init()函数的方式返回一个新对象. 熟悉jQuery的 ...
jQuery 阻止冒泡和默认事件
jQuery event.preventDefault() 方法 event.preventDefault() 方法阻止元素发生默认的行为. 例如: 当点击提交按钮时阻止对表单的提交阻止以下 URL ...

js与jquery阻止冒泡的方法

js与jquery阻止冒泡的方法相关推荐

最新文章

热门文章