js 中 return fasle 的作用

转载于 2017-07-22 10:58:00 发布 · 259 阅读

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/dyc1122/blog/1479941

本文详细解析JavaScript中如何使用return false来同时实现阻止事件冒泡和取消默认行为，通过具体代码示例说明两种功能：event.stopPropagation()用于防止事件向上层元素传播；event.preventDefault()用于阻止元素的默认操作。

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

有两个作用，禁止向上冒泡和禁止默认行为。
请先看以下代码：
<div id="box">
<div id="txt">123</div>
<input id="btn" type="submit">
</div>
禁止向上冒泡：event.stopPropagation();
在你点击了 txt 或者 btn 后，将会触发 onclick 事件。然后会触发 txt 或 btn 的上一层，box 的 onclick 也会被触发。当你在 txt 或 btn 的函数最后加入了 return false 后，那么就不会触发 box 的 onclick 事件了。
禁止默认行为：event. preventDefault();
在你单击了 btn 后，默认是会提交表单的。当你在 btn 单机触发的函数内，如果写入 return false 的话，那么就只执行函数，不会提交表单了。
使用一次 return false，将会同时达到 event.stopPropagation() 和 event.preventDefault() 的功效。

转载于:https://my.oschina.net/dyc1122/blog/1479941