当我想阻止其他事件处理程序在触发某个事件后执行时,我可以使用以下两种技术之一。我将在示例中使用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,这是有原因的吗?更好的方法是什么?


当前回答

根据我的经验,event.stopPropagation()主要用于CSS效果或动画作品,例如,当你对卡片和按钮元素都有悬停效果时,当你将鼠标悬停在按钮上时,卡片和按钮都会触发悬停效果。在这种情况下,你可以使用event.stopPropagation(,event.prpreventDefault()用于防止浏览器操作的默认行为。例如,您有表单,但您只为提交操作定义了单击事件,如果用户通过按enter键提交表单,则浏览器由按键事件触发,而不是单击事件。在这里,您应该使用event.prpreventDefault()来避免不适当的行为。我不知道什么是返回错误;对不起。要了解更多信息,请访问此链接并使用第33行https://www.codecademy.com/courses/introduction-to-javascript/lessons/requests-i/exercises/xhr-get-request-iv

其他回答

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

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

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

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

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

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

来源:John Resig

使用event.prpreventDefault()而不是“return false”来取消href单击有什么好处?

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字符串的页面。

e.预防违约();

它只是停止元素的默认操作。

实例示例:-

阻止超链接跟随URL,阻止提交按钮提交表单。当您有多个事件处理程序,而您只想阻止默认事件发生,多次发生时,为此,我们需要在函数()的顶部使用。

原因:-

使用e.preventDefault()的原因;在我们的代码中,如果代码中出现错误,那么它将允许执行链接或表单以提交,或者允许执行或允许执行您需要执行的任何操作。链接或提交按钮将被提交,并且仍然允许事件的进一步传播。

<!DOCTYPE html><html lang=“en”dir=“ltr”><head><meta charset=“utf-8”><title></title></head><body><script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><a href=“https://www.google.com“onclick=”doSomethingElse()“>防止页面重定向</a><script type=“text/javascript”>函数doSomethingElse(){console.log(“这是测试…”);}$(“a”).点击(函数(e){e.预防违约();});</script></body></html>

return False;

它只是停止函数()的执行。

“return false;”将结束整个过程的执行。

原因:-

使用return false的原因;就是您不想在严格模式下执行该函数。

<!DOCTYPE html><html lang=“en”dir=“ltr”><head><meta charset=“utf-8”><title></title></head><body><a href=“#”onclick=“returnFalse();”>Blah</a><script type=“text/javascript”>函数returnFalse(){console.log(“在没有位置重定向的情况下返回false….”)return false;location.href=“http://www.google.com/";}</script></body></html>