jQuery方式事件冒泡的2个方法

【jQuery方式事件冒泡的2个方法】的更多相关文章

jQuery方式事件冒泡的2个方法

方式1:通过 event.stopPropagation(); $("div").click(function (event) { slide.call(this); event.stopPropagation();//仅仅是阻止了事件冒泡,本质来讲这个方法是执行了的. }); 方式2:通过 return false; $("div").click(function () { slide.call(this); return false;//通过阻断此方法运行的方…

jquery取消事件冒泡的三种方法展示

jquery取消事件冒泡的三种方法展示 html代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>阻止冒泡</title> <script src="C:\Users\Administrator\Desktop\jquery-3.1.1.min.js"></script> <script t…

jquery取消事件冒泡的三种方法(推荐)

1.通过返回false来取消默认的行为并阻止事件起泡. jQuery 代码: ? 1 2 3 4 5 6 7 8 9 10 11 $("form").bind( "submit", function() { return false; } ); 2.通过使用 preventDefault() 方法只取消默认的行为. jQuery 代码: ? 1 2 3 4 5 6 7 8 9 $("form").bind( "s…

jquery mouseout事件冒泡解决方法

在界面中最多使用的是div,如果一个div中包含多个div或img对象时, 针对mouseout鼠标移出事件时,并没有移出div层,但是当移动到div中的img时,也触发了该mouseout事件,这就是事件冒泡的描述. 解决方法: 可以使用jquery bind可以阻止浏览器的一些默认行为. 部分代码: $(".buy").mouseout(function(){ $(this).hide(); }); 改成: $(".buy").bind("mousel…

Jquery阻断事件冒泡(转载)

JQuery阻止事件冒泡冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件. 我们在平时的开发过程中,肯定会遇到在一个div(这个div可以是元素)包裹一个div的情况,但是呢,在这两个div上都添加了事件,如果点击里面的div我们希望处理这个div的事件,但是呢,我们不希望外层的div的事件也执行,这时候我们就要用到阻止冒泡. 通俗点来说吧,你在家里看电视,躲在自己的小房间,但是你不希望声音传到隔壁父母的耳朵里,这时候,你可能躲在被窝里,或者墙壁的隔音效果很好,阻隔声音可以理解为阻…

JQuery中事件冒泡

JQuery中事件冒泡定义在一个对象上触发某类事件,就会执行此事件程序,如果没有处理事件就会向这个对象的父级对象传播直至它被处理,最顶层老大为document对象. 作用事件冒泡允许多个操作被集中处理(把事件处理器添加到一个父级元素上,避免把事件处理器添加到多个子级元素上) 阻止事件气泡事件气泡有时是不需要的通过event.stopPropagation() 或者event.preventDefault()组织 ----合并写法:return false: 解决思路假如页面中有一个…

jquery阻止事件冒泡的3种方式

第一种:return false, 缺点:直接返回了函数,函数后面的语句没法执行了: $('.btn').on('click',function(event){ do something ... return false }) 第二种: event.stopPropagation(); 阻止事件冒泡这里以click事件为例 <div class="btn1"> <div class="btn2"></div> </div&g…

jquery阻止事件冒泡的方法

$("table tbody").click(function(e) { e.preventDefault(); //阻止自身的事件,并不能阻止冒泡 e.stopPropagation(); //阻止事件冒泡 return false; //阻止事件冒泡});…

js阻止冒泡及jquery阻止事件冒泡示例介绍

js阻止冒泡在阻止冒泡的过程中,W3C和IE采用的不同的方法,那么我们必须做以下兼容. 复制代码代码如下: function stopPro(evt){ var e = evt || window.event; //returnValue如果设置了该属性,它的值比事件句柄的返回值优先级高.把这个属性设置为 fasle, //可以取消发生事件的源元素的默认动作. //window.event?e.returnValue = false:e.preventDefault(); window.ev…

jQuery阻止事件冒泡的例子

下面给给各位朋友稍加整理了一jquery中阻止事件冒泡的一些例子,我们知道JQuery 提供了两种方式来阻止事件冒泡,但我们简单的利用它来做一些应用可能不深入或不理解,下面整理了更详细的方法,有兴趣的朋友可进入参考. jQuery.Event提供了一个非常简单的方法来阻止事件冒泡:event.stopPropagation(); 代码如下复制代码 $("p").click(function(event){ event.stopPropagation(); // do so…

JQuery之事件冒泡

JQuery 提供了两种方式来阻止事件冒泡. 方法一:event.stopPropagation(); $("#div1").mousedown(function(event){ event.stopPropagation(); }); 方法二:return false; $("#div1").mousedown(function(event){ return false; }); 以上两种方法…

JQuery阻止事件冒泡

冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件. 我们在平时的开发过程中,肯定会遇到在一个div(这个div可以是元素)包裹一个div的情况,但是呢,在这两个div上都添加了事件,如果点击里面的div我们希望处理这个div的事件,但是呢,我们不希望外层的div的事件也执行,这时候我们就要用到阻止冒泡. 通俗点来说吧,你在家里看电视,躲在自己的小房间,但是你不希望声音传到隔壁父母的耳朵里,这时候,你可能躲在被窝里,或者墙壁的隔音效果很好,阻隔声音可以理解为阻止冒泡. <style>…

js /jquery停止事件冒泡和阻止浏览器默认事件

1>js阻止冒泡事件 var el = window.document.getElementById("a"); el.onclick = function (e) { //如果提供了事件对象,则这是一个非IE浏览器 if (e && e.stopPropagation) { //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); } else { //否则,我们需要使用IE的方式来取消事件冒泡 window.eve…

js 事件冒泡是什么如何用jquery阻止事件冒泡

什么是事件起泡:一个事件不能凭空产生,这就是事件的发生等等,接下来为大家介绍下jquery阻止事件起泡以及关于js事件起泡的验证,感兴趣的朋友可以参考下哈 (1)什么是事件起泡首先你要明白一点,当一个事件发生的时候,该事件总是有一个事件源,即引发这个事件的对象,一个事件不能凭空产生,这就是事件的发生. 当事件发生后,这个事件就要开始传播.为什么要传播呢?因为事件源本身并没有处理事件的能力.例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身不能处理这个事件(废话),事…

JQuery阻止事件冒泡---阻止后续代码执行

(1)什么是事件起泡首先你要明白一点,当一个事件发生的时候,该事件总是有一个事件源,即引发这个事件的对象,一个事件不能凭空产生,这就是事件的发生. 当事件发生后,这个事件就要开始传播.为什么要传播呢?因为事件源本身并没有处理事件的能力.例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身不能处理这个事件(废话),事件必须从这个按钮传播出去,从而到达能够处理这个事件的代码中(例如我们给按钮的onclick属性赋一个函数的名字,就是让这个函数去处理该按钮的click事件). 当事件在…

事件冒泡是什么如何用jquery阻止事件冒泡

(1)什么是事件起泡首先你要明白一点,当一个事件发生的时候,该事件总是有一个事件源,即引发这个事件的对象,一个事件不能凭空产生,这就是事件的发生. 当事件发生后,这个事件就要开始传播.为什么要传播呢?因为事件源本身并没有处理事件的能力.例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身不能处理这个事件(废话),事件必须从这个按钮传播出去,从而到达能够处理这个事件的代码中(例如我们给按钮的onclick属性赋一个函数的名字,就是让这个函数去处理该按钮的click事件). 当事件在…

整理了一些jQuery关于事件冒泡和事件委托的技巧

首先,大家都知道,jQuery事件触发时有2种机制,一种是事件委托,另一种是事件冒泡(IE情况暂时不考虑).拿click事件做例子,先附上一段代码: html: <body> <div id="box"> <p id="btn">我是按钮</p> </div></body> style: .hid{ display:none; } script: $('#box').click(function…

jQuery停止事件冒泡

event.stopPropagation(); 在jQuery中提供了stopPropagation()方法来停止事件冒泡.终止事件在传播过程的捕获.目标处理或起泡阶段进一步传播.调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点.在事件的处理中,可以阻止冒泡但是允许默认事件的发生. <scripttype="text/javascript"> $(function(){ $("#hr_three").click(functi…

恶补jquery(四)jquery中事件--冒泡

事件当我们在打开一个页面的时候.浏览器会对页面进行解释运行,这实际上是通过运行事件来驱动的.在页面载入事件时,运行Load()事件,是这个事件实现浏览器解释运行代码的过程. 事件机制事件中的冒泡现象冒泡现象说的是事件运行顺序,当一个对象上触发了一个事件.假设未定义此事件的处理程序或者事件返回true,那么这个事件就会向这个对象的父级对象传播,从里到外,直到他被处理(父级对象全部同类事件都被激活),或者它到达了对象层次的顶层(即document对象). 通俗的讲:假把设一杯水分成不同颜色的几…

JQuery 阻止事件冒泡

JQuery 提供了两种方式来阻止事件冒泡. 方式一:event.stopPropagation(); $("#div1").mousedown(function(event){ event.stopPropagation(); }); 方式二:return false; $("#div1").mousedown(function(event){ return false; }); 但是这两种方…

js阻止事件冒泡的两种方法

1.什么是JS事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window). 2.阻止方法方法一:event.stopPropagation( ) <div> <p>段落文本内容 &…

【JQuery】事件冒泡及使用jQuery阻止

(1)什么是事件起泡首先你要明白一点,当一个事件发生的时候,该事件总是有一个事件源,即引发这个事件的对象,一个事件不能凭空产生,这就是事件的发生. 当事件发生后,这个事件就要开始传播.为什么要传播呢?因为事件源本身并没有处理事件的能力.例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身不能处理这个事件(废话),事件必须从这个按钮传播出去,从而到达能够处理这个事件的代码中(例如我们给按钮的onclick属性赋一个函数的名字,就是让这个函数去处理该按钮的click事件). 当事件在…

jquery阻止元素冒泡的两种方法

通常情况下,如果给父元素添加事件之后,子元素也会继承同样的事件,这个时候就要阻止子元素的这种行为,成为阻止冒泡,总结两种解决方法: html代码: <div id="parent" onclick="alert(this.id)"> <div id="child">子元素div</div> </div> 事件: // 阻止元素冒泡的两种方法 //方法一: $('#child').click(func…

jQuery 取消事件冒泡阻止后续内容执行闭包函数 (学习笔记)

1.取消事件冒泡 <title>取消事件冒泡</title> <style> div { border:solid 1px black; } </style> <script src="js/jquery-3.1.1.js"></script> <script> $(function () { $("#big").click(function () { alert("点了大…

jQuery中事件冒泡问题及处理

在为一个元素添加事件时,经常会出现的一个问题就是事件冒泡.例如在div中嵌套了一个span元素,为div和span都添加了事件点击,如果点击span会导致span和div元素相继触发监听事件.顺序是从内到外.代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://…

jquery防止事件冒泡和取消默认行为案例

----------------js取消事件冒泡: window.event.cancelBubble=true; --------------jquery事件参数可以防止事件冒泡: $("#id").click(function(e){ alert("郭"); e.stopPropagation();//防止冒泡 }); -----------------除了return false之外: 这样在id之外的标签事件就不会触发: $("#id")…

JS阻止事件冒泡的3种方法之间的不同

什么是JS事件冒泡?: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window). 如何来阻止Jquery事件冒泡? 通过一个小例子来解释 <%@ Page Language="C#" A…

jquery取消事件冒泡和取消默认行为

$('button').click(functon(e){ /*code*/ e.stopPropagation();//取消事件冒泡 e.preventDefault();//取消默认行为 })…

jquery hover事件冒泡解决方法

$(this).hover(function(event){ $(this).addClass("cur"); event.stopPropagation(); return false; },function(event){ $(this).removeClass("cur"); event.stopPropagation(); return false; });…

Html 中阻止事件冒泡的三种方法比较

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()在事件的…