对于一个元素，可以在onClick事件上挂起很多函数。你怎么能确定假的会是最后一个开火的？另一方面，preventDefault将只阻止元素的默认行为。

preventDefault（）和return false是防止发生默认事件的不同方法。

例如，当用户单击外部链接时，我们应该显示一个确认模式，询问用户是否重定向到外部网站：

hyperlink.addEventListener('click', function (e) {
    // Don't redirect the user to the link
    e.preventDefault();
});

或者我们不想在单击表单的提交按钮时提交表单。相反，我们希望首先验证表单：

submitButton.addEventListener('click', function (e) {
    // Don't submit the form when clicking a submit
    e.preventDefault();
});

差异

如果使用addEventListener方法处理事件，return false对默认行为没有任何影响。它仅在事件处理程序声明为元素的属性时有效：

hyperlink.addEventListener('click', function (e) {
     // Does NOT work
     return false;
 });
    
 // Work
 hyperlink.onclick = function (e) {
     return false;
};

根据HTML5规范，返回false将取消除mouseover事件之外的事件。

良好做法

建议在事件处理程序中使用preventDefault方法，而不是返回false。因为后者只能使用onclick属性，该属性将删除同一事件的其他处理程序。如果您使用jQuery来管理事件，则可以在事件处理程序中使用return false：

$(element).on('click', function (e) {
        return false;
});

在返回值false之前，处理程序将执行其他操作。问题是，如果处理程序中发生任何运行时错误，我们将无法在结尾处返回false语句。

在这种情况下，将采用默认行为：

$(element).on('click', function (e) {
    // Do something here, but if there's an error at runtime
    // ...
    return false;
});

我们可以在执行任何自定义处理程序之前使用preventDefault方法来避免这种情况：

$(element).on('click', function (e) {
    e.preventDefault();

    // Do something here
    // The default behavior is prevented regardless of errors at runtime
    // ...
});

很高兴知道

如果您使用jQuery来管理事件，那么return false的行为将与preventDefault（）和stopPropagation（）方法相同：

$(element).on('click', function (e) {
    // Prevent the default event from happening and
    // prevent the event from bubbling up to the parent element
    return false;
});

我想

event.prpreventDefault（）

是w3c指定的取消事件的方式。

您可以在W3C事件取消规范中阅读此内容。

此外，不能在任何情况下都使用return false。当在href属性中提供javascript函数时，如果返回false，则用户将被重定向到一个写有false字符串的页面。

我认为最好的方法是使用event.prpreventDefault（），因为如果在处理程序中引发了一些异常，那么将跳过return false语句，并且行为将与您想要的相反。

但是如果您确定代码不会触发任何异常，那么您可以使用任何您希望的方法。

如果您仍然希望返回false，那么可以将整个处理程序代码放在try-catch块中，如下所示：

$('a').click(function (e) {
  try{
      your code here.........
  }
   catch(e){}
  return false;
});

基本上，通过这种方式，您可以将事情组合起来，因为jQuery是一个主要关注HTML元素的框架，您基本上可以防止出现默认情况，但同时，您也可以停止传播以产生气泡。

所以我们可以简单地说，jQuery中的return false等于：

return false为e.preventDefault AND e.stopPropagation

但也不要忘了这一切都在jQuery或DOM相关函数中，当您在元素上运行它时，基本上，它会阻止所有的触发，包括默认行为和事件传播。

基本上在开始使用return false之前；，首先了解e.preventDefault（）；和e.停止传播（）；如果你认为你同时需要这两者，那就用它吧。

所以基本上这段代码如下：

$('div').click(function () {
  return false;
});

等于此代码：

$('div').click(function (event) {
  event.preventDefault();
  event.stopPropagation();
});

从jQuery事件处理程序中返回false实际上与对传递的jQuery.event对象同时调用e.preventDefault和e.stopPropagation相同。

e.preventDefault（）将防止发生默认事件，e.stopPropagation（）将阻止事件冒泡，返回false将同时执行这两种操作。请注意，这种行为不同于正常（非jQuery）事件处理程序，特别是，返回false不会阻止事件冒泡。

来源：John Resig

使用event.prpreventDefault（）而不是“return false”来取消href单击有什么好处？