首页 > 软件开发 > JQUERY >

jquery如何阻止事件冒泡

来源:互联网 2023-03-17 00:47:22 版权归原作者所有,如有侵权,请联系我们

什么是事件冒泡,事件冒泡会从当前触发的事件目标一级一级往上传递,依次触发,直到document为止7SH办公区 - 实用经验教程分享!

工具/原料

  • jquery

方法/步骤

  • 1

    return false;7SH办公区 - 实用经验教程分享!

    可以阻止默认事件和冒泡事件7SH办公区 - 实用经验教程分享!

    jquery如何阻止事件冒泡7SH办公区 - 实用经验教程分享!

  • 2

    event.stopPropagation();7SH办公区 - 实用经验教程分享!

    事件处理过程中,阻止了事件冒泡,但不会阻击默认行为;在ie中使用event.cancelBubble =true;7SH办公区 - 实用经验教程分享!

    jquery如何阻止事件冒泡7SH办公区 - 实用经验教程分享!

  • 3

    但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。event.stopPropagation() 则只阻止事件往上冒泡,不阻止事件本身。7SH办公区 - 实用经验教程分享!

  • 4

    相关:event.preventDefault();7SH办公区 - 实用经验教程分享!

    事件处理过程中,不阻击事件冒泡,但阻击默认行为;在ie中使用event.returnValue=false;7SH办公区 - 实用经验教程分享!

  • 5

    例子:图中代码为jquery阻止事件冒泡的正确使用方法7SH办公区 - 实用经验教程分享!

    jquery如何阻止事件冒泡7SH办公区 - 实用经验教程分享!

    jquery如何阻止事件冒泡7SH办公区 - 实用经验教程分享!

  • 5该信息非法爬取自百度经验
  • 6

    以下为例子展示情况7SH办公区 - 实用经验教程分享!

    jquery如何阻止事件冒泡7SH办公区 - 实用经验教程分享!

  • 注意事项

    • 除事件冒泡外还有事件委托,感兴趣的同学可以自己搜索了解

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!7SH办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号