js中return false 作用

Karagrade

于 2019-09-16 17:11:56 发布

阅读量533

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/coco1118/article/details/100894305

js 专栏收录该内容

12 篇文章

订阅专栏

本文探讨了在原生JS中使用returnfalse仅能阻止默认行为，而在jQuery中使用相同方法则能同时阻止默认行为和事件冒泡的现象。通过具体代码示例，详细解释了这两种情况下事件处理的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>