什么是JS事件冒泡？ 在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。 如何来阻止Jquery事件冒泡？ 通过一个小例子来解释 代码如...
1. 事件目标 现在，事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的，但是没有被所有浏览器实现 。jQuery对这个事件对象进行了必要的扩展，从而在任何浏览器中都能够使用这个属性。通过.target，可以确定DOM中首先接收到事件的元素（即实际被单击的元素）。而且，我们知道this引用的是处理事件的DOM元素，所以可以编写下列代码： 代码如下:$(document).ready(fu...
有时我们不希望冒泡或默认的事件发生，这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。可以通过以下三种方法做到不同程度的阻止。 A：return false -In event handler ,prevents default behavior and event bubbing 。 return false 在事件的处理中，可以阻止默认事件和冒泡事件。 B：event.preventDefault()- In event handler ,prevent default event (allows bubbling) 。 event.preventDefault()在事件的处理中，可以阻...
1、当用户浏览页面时，浏览器会对页面代码进行解释或编译——这个过程实质上是通过事件来驱动的，即页面在加载时，执行一个Load事件，在这个事件中实现浏览器编译页面代码的过程。事件被触发后被分为两个阶段，一个是捕获（Capture），另一个是冒泡(Bubbing)，但大多浏览器并不是都支持捕获阶段，因此事件被触发后，往往执行冒泡过程。 2、示例代码： 代码如下: 事件中的冒泡现象 $(function(){ var intI=0; $("body,div,#btn...
（1）什么是事件起泡 首先你要明白一点，当一个事件发生的时候，该事件总是有一个事件源，即引发这个事件的对象，一个事件不能凭空产生，这就是事件的发生。 当事件发生后，这个事件就要开始传播。为什么要传播呢？因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身不能处理这个事件（废话），事件必须从这个按钮传播出去，从而到达能够处理这个事件的代码中（例如我们给按钮的...
网上的例子用的是$(".b").live("click",function(event){} ，jquery自动对live做了处理，阻止了事件冒泡。改成bind，实验就能通过。 代码如下: < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 无标题文档 $(function(){ $(".b").bind("click",function(event){ $(this).css("color","#FF3300"); event.stopPropagation()//注释掉，效果是不一...
代码如下: 单击显示隐藏内容 这里是隐藏内容 $(document).ready(function(){ $("span").bind("click", function(){ $(".message").show(); }); $(".content").bind("click", function(){ $(".message").show(); }); $("body").bind("click", function(){ $(".message").show(); }); }); 当点击span的时候 div 和 body 的事件全部触发了。要阻止这种发生 $("span").bind("click", function(e){ $(".message").show(); e.stopP...
代码如下: function stopBubble(e) { //如果传入了对象，那么就是非IE浏览器，才用W3C标准方法 if (e || e.stopPropagation) { e.stopPropagation(); } else { //才用IE的停止事件冒泡的方法 window.event.CancelBubble = true; } }
下面是html代码部分：代码如下: 外层div元素 内层span元素 外层div元素对应的jQuery代码如下：代码如下:$(function(){ // 为span元素绑定click事件 $('span').bind("click",function(){ var txt = $('#msg').html() + "内层span元素被点击.";//获取html信息 $('#msg').html(txt);// 设置html信息 }); // 为div元素绑定click事件 $('#content').bind("click",function(){ var txt = $...
（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。IE 5.5: div -> body -> documentIE 6.0: div -> body -> html -> documentMozilla 1.0: div -> body -> html -> document -> window （2）捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)。 （3）DOM事件流：同时支持两种事件模型：...
最近写点东西，比较闹心，一个弹出层，上边有其他元素，本意是鼠标离开弹出层时，执行一些动作，但在实际应用中，鼠标离开弹出层中的元素时，也会激活这些动作。试了各浏览器的停止事件冒泡的方法，均无效。 还是咱们javaeye里高人众多，在一个哥们博客中发现了如下代码： 代码如下: function isMouseLeaveOrEnter(e, handler) { if (e.type != mouseout && e.type != mouseover) return false; var reltg...
js阻止冒泡 在阻止冒泡的过程中，W3C和IE采用的不同的方法，那么我们必须做以下兼容。 代码如下: function stopPro(evt){ var e = evt || window.event; //returnValue如果设置了该属性，它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle， //可以取消发生事件的源元素的默认动作。 //window.event?e.returnValue = false:e.preventDefault(); window.event?e.cancelBubble=true:e.stopPropagation(); } 或者： 代码如...
何为冒泡事件就是当设定了多个div的嵌套时；即建立了父子关系，当父div与子div共同加入了onclick事件时，当触发了子div的onclick事件后，子div进行相应的js操作。但是父div的onclick事件同样会被触发。这就造成了事件的多层并发，导致了页面混乱。这就是冒泡事件。 消除冒泡事件的方法阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation） 下面的一段代码即可以很好的解释是么是冒泡效果，什么叫消除冒泡效果 代码如下: ...
JQuery 提供了两种方式来阻止事件冒泡。 方式一：event.stopPropagation(); 代码如下: $("#div1").mousedown(function(event){ event.stopPropagation(); }); 方式二：return false; 代码如下: $("#div1").mousedown(function(event){ return false; }); 但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡，而且阻止了事件本身。 event.stopPropagation() 则只阻止事件往上冒泡，不阻止事件本身。
这篇文章主要介绍了JS阻止冒泡事件以及默认事件发生的简单方法，有需要的朋友可以参考一下如果<p>是在<p>里面，那么呢，<P>有一个onclick事件，<p>也有onclick事件，为了触发<P>的点击事件时，不触发父元素的点击事件，那么就需要调用如下函数：function stopBubble(e){if(e&&e.stopPropagation){//非IEe.stopPropagation();}else{//IEwindow.event.cancelBubble=true;}}<a onclick=>如果要阻止默认事件的触发，即默认的href事件，...