`
txf2004
  • 浏览: 6874130 次
  • 性别: 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()的区别介绍

    cancelBubble用于ie的阻止冒泡事件,event.stopPropagation()用于firefox和chrome等其他浏览器的疑惑介绍。

    Jquery阻止事件冒泡 event.stopPropagation

    version added: 1.0event.stopPropagation() 我们可以用 event.isPropagationStopped() 来确定这个方法是否(在那个事件对象上)调用过了。 这个方法对 trigger() 来自定义的事件同样有效。 注意,这不会阻止同一个...

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

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

    Javascript 阻止javascript事件冒泡,获取控件ID值

    else//IE window.event.cancelBubble = true; 2.获取控件ID 代码如下:if (document.all) { //IE alert(event.srcElement.tagName+”:”+event.srcElement.id); } else { //Firefox alert(event.target....

    解决VUE框架 导致绑定事件的阻止冒泡失效问题

    无论是return false 还是event.stopPropagation();都无效。 此时需要通过用VUE提供了事件修饰符来处理,比如阻止事件冒泡@click.stop=’xx()’ .stop .prevent .capture .self .once <a></a> <!

    jQuery点击其他地方时菜单消失的实现方法

    本文实例讲述了jQuery点击其他地方时菜单消失的实现方法。分享给大家供大家参考,具体如下: [removed] function stopPropagation(e) { if (e.stopPropagation) e.stopPropagation();//停止冒泡 非ie else e....

    jQuery手机端个人信息填写表单页面代码.zip

    js代码 [removed] $('[name="nice-select"]').click(function(e){ ... $('[name="nice-select"]').find('ul').hide();... 一款简洁美观的jQuery手机端个人信息填写表单页面代码,用户个人资料完善表单代码下载。

    js阻止冒泡事件

    js阻止冒泡事件的方法有2种。 事件冒泡:当一个元素上的事件被触发时,同样的事件会在那个元素的所有祖先元素中被触发。 这个事件是从原始元素开始一直冒泡到DOM树最...2.event.stopPropagation()写在事件函数的开始。

    对vue中的事件穿透与禁止穿透实例详解

    js的解决办法是,直接在事件的方法中添加event.stopPropagation() //html <button>关闭</button> //js $("button").on("click",function(){ event.stopPropagation() }) 还有一种情况就是,设

    todo:使用不同技术迭代待办事项清单

    这里使用的关键方法是将event.stopPropagation的用法应用于跨度中的“垃圾桶”图标。这是为了防止在单击除跨度以外的任何内容时删除父li。 $('ul').on('click', 'span', function (event) { $(this) .parent() ....

    H5 jQuery响应式导航菜单代码.zip

    js代码 [removed][removed] [removed] $(document).click(function(){ ... $('.nav-list').removeClass('... 这是一款同时兼容电脑端跟手机端的jQuery Sass响应式导航菜单代码,随屏幕宽度变化而自适应显示。

    jquery-sina-emotion:一个便于快速地创建新浪微博表情选择并的jQuery插件

    jQuery新浪情感· 一个有用的快速地创建新浪微博表情选择替代的jQuery插件。 有何特点 使用简单,一行代码即可创出出表情选择 自带智能表情解析方法(但还是建议表情解析在服务端进行) ... stopPropagation

    jQuery实现鼠标点击弹出渐变层的方法

    弹出层在实际应用中我们经常会碰到大量的弹出层效果,下面我来做一个基于jquery的简单的弹出层效果实例,各位朋友有兴趣可参考。... event.stopPropagation(); var offset = $(event.target).offset();//取消事件冒泡

    jquery实现点击弹出层效果的简单实例

    弹出层在实际应用中我们经常会碰到大量的弹出层效果,下面我来做...//动画速度 $(“#race a”).click(function(event){//绑定事件处理 event.stopPropagation(); var offset = $(event.target).offset();//取消事件

    H5 jQuery Sass响应式导航菜单代码.zip

    js代码 [removed][removed] ... $('.nav-menu,.nav-list').click(function(e){e.stopPropagation()}) $('nav').find('.nav-menu').click(function(e){ $('.nav-list').toggleClass('open') }) [removed]

    event-helpers:实用程序和装饰器来帮助处理事件

    stopPropagation ( ) ; // do stuff...} ) ; 后: import { killEvent } from 'event-helpers' ;$ ( '#mybutton' ) . on ( 'click' , function ( event ) { killEvent ( event ) ; // do stuff...

    使用css禁用input、checkbox、select等html控件实现disable效果

    event.stopPropagation() 其实用纯CSS也能实现,如 input { pointer-events: none; } 然后用CSS把input变灰即可,50%透明度即可实现禁用的效果 input.disabled { pointer-events: none; opacity: 0.5; } 总结 ...

Global site tag (gtag.js) - Google Analytics