return false有两个作用,禁止向上冒泡和禁止默认行为。
- 使用原生js,只会阻止默认行为,不会停止冒泡
<div id='div' onclick='alert("div");'>
<ul onclick='alert("ul");'>
<li id='ul-a' onclick='alert("li");'><a href="http://caibaojian.com/"id="testB">caibaojian.com</a></li>
</ul>
</div>
<script>
var a = document.getElementById("testB");
a.onclick = function(){
return false;
};
</script>
- 使用jQuery,既阻止默认行为又停止冒泡
<div id='div' onclick='alert("div");'>
<ul onclick='alert("ul");'>
<li id='ul-a' onclick='alert("li");'><a href="http://caibaojian.com/"id="testC">caibaojian.com</a></li>
</ul>
</div>
<script>
$("#testC").on('click',function(){
return false;
});
</script>