jquery 关于 PreventDefault 的澄清

Question

http://api.jquery.com/event.preventDefault/

"如果调用此方法，事件的默认动作将不会被触发。”

据我在示例代码中观察到，“默认操作”意味着当人们单击超链接时将他们从不同的页面重定向。

这个功能还有其他用途吗？

它如何与表单交互？

Answer 1

正如您所说，preventDefault 阻止触发事件的默认操作。事件的默认操作取决于事件类型和事件目标。

例如，如果在复选框的单击事件处理程序中使用 preventDefault，则该复选框在单击时不会被选中。如果在文本输入的 keydown 事件处理程序中使用它，则按下的键不会写入输入值。如果在表单的 submit 事件处理程序中使用它，则会阻止表单提交。

基本上，它会阻止任何事件执行默认情况下执行的操作。

Answer 2

preventDefault 将阻止默认事件发生，因此，例如，如果我们将以下代码链接到表单 -

$('#form').submit(function(e) {
  alert('Handler for .submit() called.');
  e.preventDefault();
});

e.preventDefault() 调用将阻止提交表单因为这是表单提交时通常发生的默认事件。

Answer 3

它阻止元素的默认操作，无论默认操作是什么。

在表单和输入的情况下，响应单击等，它将阻止检查单选按钮或复选框，它将阻止在单击 submit< 时提交表单（或指定的任何操作） /代码> 按钮。

Answer 4

preventDefault() 防止浏览器等对指定事件执行任何默认操作。

preventDefault()的实际用途有很多，我给大家总结了几个。您还可以在其中找到有关表单的问题的答案。

它可以防止：

• 单击“提交”按钮时
• 提交表单 按 Enter 键时提交表单
• 有时，它还可以防止滚动
• 按键操作。
• 右键单击浏览器菜单
• 单击链接上的中间按钮时打开新选项卡
• 单击左侧按钮时打开链接，正如您所提到的，

并且有很多