• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > JS应用 > JQuery学习记录(七):禁止事件冒泡和取消默认行为

    JQuery学习记录(七):禁止事件冒泡和取消默认行为

    作者: 分类:JS应用 点击: 77 次
    wordpress CMS主题:ssmay主题

      JS事件冒泡,就是一个事件由里层向外层的传播。JS默认行为,不是事件本身的动作,而是事件对象的默认动作,如:a标签的默认行为是跳转到一个新链接页面上;点击表单提交按钮的默认行为是提交数据并刷新页面等。虽然冒泡或默认行为,有时是我们网页所需要的,但是,在大多数事件当中,它们会给我们想要的结果带来麻烦,所以,我们在处理事件时,一般都需要禁止冒泡和取消默认行为。下面,一起来看看,jquery是怎样禁止冒泡和取消默认行为的。

      取消某个元素的默认行为

      preventDefault()

      判断是否调用了preventDefault()方法

      isDefaultPrevented()

      取消事件冒泡

      stopPropagation()

      判断是否调用了 stopPropagation()方法

      isPropagationStopped()

      取消事件冒泡, 并取消该事件的后续事件处理函数

      stopImmediatePropagation()

      判断是否调用了 stopImmediatePropagation()方法

      isImmediatePropagationStopped()

      如果想同时阻止默认行为且禁止冒泡行为, 可以把两个方法同时写上:

      event.stopPropagation();
      event.preventDefault();

      如果需要同时用这两个方法的时候,还有一种简写,就是直接 return false。如:

      $('a').click(function (e) {
      return false; //禁止冒泡,同时取消默认行为
      });

      好了,jquery如何处理事件冒泡和取消默认行为就介绍到这里,下一章,我们再来介绍jquery动画相关的一此知识。

    文章作者:ssmay
    本文地址:http://wanlimm.com/77201808046442.html
    本文时间:2018-08-04 14:59:44
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.