1 event.proventDefault（）
$（'a'）.点击（功能（e）{ //此处进行自定义处理 e.预防违约（）； }); 2 返回false
$（'a'）.点击（函数（）{ //此处进行自定义处理 返回false； });
-
181 注意jQuery的 预防违约 做 不 防止其他人执行。 就是这样 停止立即传播 是的。 – 新月形清新 评论 2009年8月31日12:22 -
19 @CrescentFresh，它确实会阻止其他（随后绑定的）处理程序执行。。。 在DOM节点上触发事件。它只是无法阻止传播。 – 无眼 评论 2011年10月17日2:51 -
43 这不是“停止事件传播的两种方法？”e.preventDefault（）； 阻止默认操作，它不会停止由e.stopPropagation（）完成的事件传播。 – 蒂莫·蒂霍夫 评论 2012年1月9日1:44 -
32 这个问题及其答案是关于jQuery的。 如果您来这里寻找简单的javascript答案，请参阅 event.proventDefault（）vs.返回false（无jQuery） – 奥里奥尔 评论 2013年9月28日21:23 -
6 这个答案有一张表解释了一切 stackoverflow.com/a/5302939/759452 – 阿德里亚诺 评论 2014年4月16日7:20
14答案
-
140 返回false 来自DOM2处理程序( 添加事件侦听器 )什么都不做（既不阻止默认值，也不停止冒泡；来自Microsoft DOM2 ish处理程序( 附件事件 )，防止默认但不冒泡； 来自DOM0处理程序( onclick=“返回…” )，它可以防止默认值（如果您包括 返回 属性中）但不冒泡； 从jQuery事件处理程序中，它可以同时执行这两项操作，因为这是jQuery的事情。 此处提供详细信息和现场测试 – T.J.克劳德 评论 2011年11月30日13:09 -
14 在这里定义“传播”和“默认”将很有帮助。 我就一直把他们搞糊涂。 这是正确的吗？ 传播 =我的代码（父元素的JavaScript事件处理程序）。 违约 =浏览器代码（链接、文本选择等） – 鲍勃·斯坦因 评论 2013年7月28日14:49 -
6 -
6 -
1 @GovindaSakhare如果你不知道事件冒泡意味着什么，你可能想阅读并理解整个页面： developer.mozilla.org/en-US/docs/Learn/JavaScript/… – 米科·兰塔莱宁 评论 2022年9月29日15:26
$（'a'）.点击（功能（e）{ //此处进行自定义处理 //哎呀。。。 运行时错误。。。 哦，href会带我去哪里？ 返回false； }); $（'a'）.点击（功能（e）{ e.预防违约（）； //此处进行自定义处理 //哎呀。。。 运行时错误，但至少用户没有被导航走。 }); 
-
6 -
-
11 -
他将其标记为JavaScript和jQuery，两者都是正确的。 jQuery（jQuery） 只是JavaScript的一个子集，而不是它自己的语言。 – ProfK公司 评论 2020年1月28日5:26 -
1 MSDN现在正在改写历史，假装它的历史就是当前Firefox的历史。 改写历史对政府来说并不是什么新鲜事，它是一种权力工具，也是一种观念管理工具。 MSDN用event.returnValue重写历史是多么的随意和可笑。 然而，这不是现实。 lists.w3.org/Archives/Public/www-style/2010年9月/0458.html — – 加勒特 评论 2022年11月14日16:14
event.proventDefault（）； event.stopPropagation（）； 停止回调执行，并在调用时立即返回。
-
4 -
14 -
1
$（'a'）.点击（功能（e）{ 尝试{ 您的代码在这里。。。。。。。。。 } 捕获（e）{} 返回false； }); 
hyperlink.addEventListener（“单击”，函数（e）{ //不要将用户重定向到链接 e.预防违约（）； }); submitButton.addEventListener（'单击'，函数（e）{ //单击提交时不提交表单 e.预防违约（）； }); 差异
返回false 如果使用 添加事件侦听器 方法来处理事件。 仅当事件处理程序声明为元素的属性时，它才起作用：
hyperlink.addEventListener（“单击”，函数（e）{ //不工作 返回false； }); //工作 hyperlink.onclick=函数（e）{ 返回false； }; 根据 HTML 5 规范， 返回false 将取消活动，但 鼠标悬停 事件。
良好做法
建议使用 预防违约 方法而不是 返回false 在事件处理程序中。 因为后者只适用于使用 onclick（单击） 属性，该属性将删除同一事件的其他处理程序。 如果使用jQuery管理事件，那么可以使用 返回false 在事件处理程序中：
$（element）.on（'单击'，函数（e）{ 返回false； }); $（element）.on（'click'，函数（e）{ //在此处执行操作，但如果运行时出现错误 // ... 返回false； }); $（element）.on（'单击'，函数（e）{ e.预防违约（）； //在这里做点什么 //无论运行时出现什么错误，都会阻止默认行为 // ... }); 很高兴知道
$（element）.on（'单击'，函数（e）{ //防止默认事件发生，并 //防止事件冒泡到父元素 返回false； }); 
实例示例：-
原因：-
<! DOCTYPE html> <html lang=“en”dir=“ltr”> <头部> <元字符集=“utf-8”> <标题> </头> <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>
原因：-
<! DOCTYPE html> <html lang=“en”dir=“ltr”> <头部> <元字符集=“utf-8”> <标题> </头> <body> 废话</a> <script type=“text/javascript”> 函数returnFalse（）{ console.log（“在没有位置重定向的情况下返回false….”） 返回false； location.href=“ http://www.google.com网站/ "; } </script> </body> </html> 
$（'div'）.点击（函数（）{ 返回false； }); $（'div'）.点击（函数（事件）{ event.proventDefault（）； event.stopPropagation（）； }); 
event.proventDefault（） 
