jQuery阻止冒泡事件

测试代码

效果如图

当我们点击子元素(黄色区域)时会先触发子元素的点击事件，然后会继续触发父元素的点击事件，阻止冒泡排序就是当点击子元素时只触发子元素的点击事件。

js代码修改如下：

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 十二、事件
      JavaScript 与 HTML 之间的交互是通过事件实现的。   事件，就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,578评论 1赞 11
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,895评论 1赞 45
  • jQuery事件篇
    总结： 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,658评论 2赞 10
  • jQuery事件篇
    本篇博客源地址 总结： 鼠标事件 1.click与dbclick事件ele.click()ele.click(ha...
    ZombieBrandg阅读 709评论 0赞 1
  • jQuery基础(2)
    (续jQuery基础(1)) 第5章 DOM节点的复制与替换 （1）DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,400评论 0赞 8