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

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

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

这里return false的效果是什么?

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

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

当前回答

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

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

其他回答

返回false表示不采取默认操作，在<a href>的情况下，默认操作是遵循链接。当你对onclick返回false时，href将被忽略。

默认情况下，当您单击按钮时，无论您输入了什么值，表单都将被发送到服务器。

然而，这种行为在大多数情况下不太合适，因为我们可能想在发送到服务器之前做一些检查。

因此，当侦听器收到“false”时，提交将被取消。基本上，它的目的是在前端做一些检查。

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

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

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

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

推荐文章