阻止默认行为、阻止冒泡

html:
<div id="divOne" onclick="alert('我是最外层');">
<div id="divTwo" onclick="alert('我是中间层!') >
<a id="hr_three" href="http://www.baidu.com" mce_href="http://www.baidu.com" onclick="alert('我是最里层!')">点击我</a>
</div>
</div>

js:
$('#hr_three').click(function(event){
//return false; //alert('我是最里层!') 阻止冒泡,也阻止默认行为
//event.stopPropagation(); //alert('我是最里层!'),然后跳转到百度 。 阻止冒泡,但是不阻止默认行为
event.preventDefault(); //'我是最里层'-->'我是中间层' -->'我是最外层'。 不阻止冒泡,但是阻止默认行为
})

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

推荐阅读更多精彩内容

  • 这个问题也是老生常谈了,写这篇文章的主要目的是进行下梳理,了解自己知识点的掌握程度,也希望对大家有所帮助。 在说如...
    一木_qintb阅读 4,336评论 1 4
  • 1.背景介绍 事件冒泡: 在一个对象上触发某类事件(比如点击事件),如果此对象定义了此事件的处理程序,那么此事件就...
    zxcdino阅读 1,308评论 1 0
  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 3,086评论 1 10
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,581评论 1 11
  • 在使用javascript编程时会遇到一个问题,就是当你给html添加事件时,由于浏览器默认的为冒泡型事件触发机制...
    晴風阅读 784评论 0 0