`
happyqing
  • 浏览: 3183842 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[jQuery]event.stopPropagation()报错

阅读更多

 

使用jQuery给一个事件加处理方法时,为了阻止一个事件向上冒泡,使用了event.stopPropagation(),但在IE下却报对象不支持此属性或方法的错误(IE下是event. cancelBubble=true),jQuery不是兼容各浏览器吗?

后来看了下jQuery的官方文档后,原来在使用event的时候,必须在事件处理方法中加入参数event,否则这个event为 window.event,而不是jQuery中的event。所以在jQuery定义事件处理方法时,最好加上参数event,如下:

$('#btn').click(function(event){})  //推荐   
$('#btn').click(function(){})  //不推荐  

 

分享到:
评论

相关推荐

    关于event.cancelBubble和event.stopPropagation()的区别介绍

    在JavaScript的事件处理中,`event.cancelBubble` 和 `event.stopPropagation()` 都是用来控制事件冒泡的行为,但它们之间存在一些关键的区别。事件冒泡是指事件从最深的节点开始,逐级向上层节点传播事件的过程。...

    Jquery阻止事件冒泡 event.stopPropagation

    标题中的"Jquery阻止事件冒泡 event.stopPropagation"就涉及到如何在jQuery中避免事件冒泡到DOM树的上级元素。`event.stopPropagation()`是jQuery提供的一个方法,用于阻止事件继续在DOM树中向上冒泡。当你调用这个...

    利用jQuery的$.event.fix函数统一浏览器event事件处理

    可以通过$.event.fix处理后获取统一的事件对象,进而使用event.target属性获取触发事件的元素引用,使用event.pageX和event.pageY获取鼠标光标的位置,以及调用event.preventDefault()和event.stopPropagation()来...

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

    var e = arguments.callee.caller.arguments[0] || window.event; if (window.event) { e.returnValue = false; e.preventDefault(); } alert(3); if (window.event) { e.cancelBubble = true; } else { e...

    jquery阻止事件冒泡

    jQuery中的`event.stopPropagation()`方法是阻止事件冒泡的关键。当一个元素上的事件处理器调用此方法时,它会阻止事件继续在其DOM层次结构中向上传播,防止任何父级处理程序被执行。这可以帮助我们精确控制事件的...

    jquery-3.3.1.zip

    同时,`event.preventDefault()`和`event.stopPropagation()`提供了更灵活的事件控制。 4. **动画效果**:jQuery 的`fadeIn()`, `fadeOut()`, `slideToggle()`等方法使得创建复杂的页面动画变得轻而易举。 5. **...

    jQuery文件.zip

    - 另外,还有如$.event.preventDefault()阻止默认行为,$.event.stopPropagation()阻止事件冒泡等。 5. **动画效果**: - jQuery的动画功能强大,如fadeIn()淡入,fadeOut()淡出,slideToggle()滑动切换等。 - ...

    jQuery.event兼容各浏览器的event详细解析

    在jQuery中,`.event.fix()`方法是一个非常重要的工具,它能够将不同浏览器的原生事件对象转换成jQuery封装的统一的事件对象。当你使用jQuery处理事件时(例如使用`.click()`,`.mouseover()`等方法绑定的事件),...

    jQuery3.4.1.zip

    此外,还有"event.preventDefault()"和"event.stopPropagation()"来控制事件行为。 jQuery的动画效果是其另一大亮点。"$('element').fadeIn()"、"fadeOut()"等方法用于淡入淡出效果,"$('element').slideUp()"、...

    event.keycode大全(javascript)

    在编写JavaScript代码时,我们通常会结合`event`对象的其他属性和方法,如`event.type`(获取事件类型)、`event.preventDefault()`(阻止默认行为)和`event.stopPropagation()`(阻止事件冒泡)等,来实现更为复杂...

    jquery.mobile.event

    jQuery Mobile通过`.bind()`、`.live()`(已废弃)、`.on()`等方法绑定事件,并提供了`.event.preventDefault()`和`.event.stopPropagation()`来控制事件的行为。例如,阻止链接的默认跳转,可以在`vclick`事件处理...

    jQueryAPI.rar_web api

    同时,`event.preventDefault()`和`event.stopPropagation()`等方法能控制事件的默认行为和传播。 4. **动画(Animations)**:jQuery的`.animate()`方法让创建复杂的动画效果变得简单。通过指定CSS属性的变化,...

    js阻止默认浏览器行为与冒泡行为的实现代码.docx

    对于不支持此方法的IE浏览器,我们需要使用`window.event.returnValue = false;`来达到相同的效果。以下是一个示例函数: ```javascript function stopDefault(e) { if (e && e.preventDefault) { e....

    javascript阻止事件冒泡的一种方法

    在IE8及以下版本,需要使用`window.event`全局变量来访问事件对象,而在现代浏览器中,事件处理器函数会自动接收到事件对象作为参数。 在给定的链接(http://blog.csdn.net/ivyandrich/article/details/22041933)...

    JQuery中阻止事件冒泡几种方式及其区别介绍

    代码如下: $(“#div1”).mousedown(function(event){ event.stopPropagation(); }); 方式二:return false; 代码如下: $(“#div1”).mousedown(function(event){ return false; }); 但是这两种方式是有区别的。...

    jQuery实战.pdf.rar

    - **事件冒泡与阻止**:理解事件冒泡机制,及如何使用`stopPropagation()`阻止冒泡。 - **事件委托**:通过祖先元素绑定事件,利用事件冒泡处理子元素事件,提高性能。 3. **动画效果** - **基本动画**:`fadeIn...

    阻止滚动条事件冒泡

    在JavaScript中,我们可以使用`event.stopPropagation()`方法来阻止事件冒泡。当我们在监听的事件处理函数中调用这个方法时,可以确保事件不会继续向上层元素传播。例如,如果我们在一个内部元素上监听`mousewheel`...

    html.event.bubbling.instance.data.rar_event

    4. **阻止事件冒泡**:有时我们可能不希望事件继续向上冒泡,可以使用`event.stopPropagation()`方法阻止事件冒泡。这样,事件处理将仅限于当前元素,不会影响到其父元素。 5. **事件捕获**:与事件冒泡相反,事件...

Global site tag (gtag.js) - Google Analytics