当我想阻止其他事件处理程序在触发某个事件后执行时,我可以使用以下两种技术之一。我将在示例中使用jQuery,但这也适用于普通JS:

1.event.prpreventDefault()

$('a').click(function (e) {
    // custom handling here
    e.preventDefault();
});

2.返回false

$('a').click(function () {
    // custom handling here
    return false;
});

这两种停止事件传播的方法之间有什么显著的区别吗?

对我来说,返回false;与执行方法相比,它更简单、更短,并且可能更不容易出错。使用该方法,您必须记住正确的大小写、括号等。

此外,我必须在回调中定义第一个参数才能调用该方法。也许,我应该避免这样做,而是使用preventDefault,这是有原因的吗?更好的方法是什么?


当前回答

当使用jQuery时,return false是在调用它时执行3个单独的操作:

event.prpreventDefault();event.stopPropagation();停止回调执行并在调用时立即返回。

有关更多信息和示例,请参阅jQueryEvents:Stop(Mis)UsingReturnFalse。

其他回答

return false和event.prpreventDefault()之间的主要区别是,将不会执行return false以下的代码,在event.prpredictDefault()情况下,您的代码将在该语句之后执行。

当你写return false时,它在幕后为你做以下事情。

* Stops callback execution and returns immediately when called.
* event.stopPropagation();
* event.preventDefault();

我想

event.prpreventDefault()

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

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

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

根据我的经验,我认为使用

event.preventDefault() 

几乎在我们需要时停止或阻止提交事件,而不是返回falseevent.prpreventDefault()工作正常。

当使用jQuery时,return false是在调用它时执行3个单独的操作:

event.prpreventDefault();event.stopPropagation();停止回调执行并在调用时立即返回。

有关更多信息和示例,请参阅jQueryEvents:Stop(Mis)UsingReturnFalse。

通常,您的第一个选项(preventDefault())是要采用的选项,但您必须知道您所处的环境和目标是什么。

加油你的编码有一篇很棒的文章,返回错误;vs event.prpreventDefault()vs event.stopPropagation()vs event.stopImmediatePropagation)。