为什么返回false并在此内联事件处理程序后返回true？

Question

<button onclick="alert('Hello'); return false;">Hello</button>

应该做的返回假部分是什么？另外，如果它存在，会返回什么呢？

Answer 1

return false将忽略onclick事件的默认行为。所以，例如，如果你有一个链接：

<a href="http://stackoverflow.com" onclick="alert('Hello'); return false">Link<a>

当用户点击链接时，他们会弹出一个弹出窗口，但实际上并不是链接的目标。

Answer 2

default button type为submit，因此<button>与<button type="submit">相同（IE除外）。 return false会停止默认按钮操作，因此会停止提交表单。

您可以通过明确定义按钮类型来避免这种情况

<button type="button" onclick="alert('Hello');">Hello</button>

Answer 3

这取决于具体情况。

例如，在提交按钮上返回true | false会提交或不提交可用于表单验证的表单，例如，如果验证失败则返回false并阻止表单提交。

在很多情况下，它不会产生任何影响，例如我的知识代码中的按钮对retirn值没有任何作用。