添加'return false'到点击事件监听器的效果是什么?

我在HTML页面中见过很多这样的链接:

<a href='#' onclick='someFunc(3.1415926); return false;'>Click here !</a>

这里return false的效果是什么?

而且，我通常不会在按钮中看到这种情况。

这在任何地方都指定了吗?在w3.org的一些规范中?

当前回答

你可以从下面的例子中看出区别:

<a href="http://www.google.co.uk/" onclick="return (confirm('Follow this link?'))">Google</a>

单击“ok”返回true，然后是链接。点击“取消”返回false，并且不遵循链接。如果javascript被禁用，链接是正常的。

其他回答

我相信它会导致标准事件不发生。

在你的例子中，浏览器不会尝试转到#。

当使用表单时，我们可以使用'return false'来阻止提交。

function checkForm() {
    // return true to submit, return false to prevent submitting
}
<form onsubmit="return checkForm()">
    ...
</form>

从JavaScript事件中返回false通常会取消“默认”行为——在链接的情况下，它告诉浏览器不要跟踪该链接。

浏览器黑客: http://jszen.blogspot.com/2007/03/return-false-to-prevent-jumping.html

返回false将阻止导航。否则，位置将成为someFunc的返回值

推荐文章