JavaScript 'onclick' 事件 'return' 关键字功能

Question

我真的是 javascript 的新手，偶然发现了 return 关键字。基本上，这两种说法有什么区别？

<input type="checkbox" onclick="doAlert()" />

对比

<input type="checkbox" onclick="return doAlert();" />

本质上，两者都返回了相同的结果并调用了函数，但是还有更多吗？非常感谢任何帮助:)。谢谢!

Answer 1

一些 html 元素有 JS 事件，当返回 true/false 时表现不同。例如:

<input type='submit' value='Click Me' onSubmit='ValidateForm();'>

...与...

<input type='submit' value='Click Me' onSubmit='return ValidateForm();'>

在第二种情况下，如果 ValidateForm 函数返回 false，则表单不会提交，在第一种情况下，即使函数返回 false，表单仍会提交。

我认为在这种情况下，您可以看到使用 return 关键字和不使用关键字之间的区别。

已更新 为简化起见，如果您使用 return 关键字，您会将一个值传递回调用 onsubmit 的函数。没有它，您只是简单地调用您在事件处理程序中命名的函数，而不返回任何内容。

更新 2021-01-21 此功能也适用于 html anchor /链接 (a) 上的 onclick 方法:

示例用法:

<a href="#never-used" onclick="alert('click clack'); return false;" > 

点我