event.preventDefault()

在 JavaScript 中，当我们执行某些事件的默认行为时，有时候会希望阻止浏览器默认的行为，这时候可以使用 `event.preventDefault()` 方法来阻止浏览器执行默认操作。

例如，在点击一个链接时，浏览器会默认跳转到链接指向的页面，如果我们希望在点击链接时不跳转，就可以使用 `event.preventDefault()` 方法来阻止跳转：

document.querySelector('a').addEventListener('click', function(event) {
  event.preventDefault(); // 阻止跳转
  console.log('链接被点击了');
});

在上面的例子中，当点击链接时，事件的默认行为会被阻止，控制台会输出 "链接被点击了"，而不会跳转到链接指向的页面。

相关问题

event.preventdefault

### 回答1：
event.preventDefault是JavaScript中的一个方法，用于阻止事件的默认行为。例如，当用户点击一个链接时，浏览器会默认打开链接所指向的页面。如果你想要阻止这个默认行为，可以使用event.preventDefault方法。这个方法可以应用于各种事件，如点击、提交表单、按下键盘等等。

### 回答2：
event.preventDefault()是JavaScript中常用的方法之一，它用来阻止浏览器默认行为的发生。也就是说，当浏览器默认行为与代码所需要的行为冲突时，可以使用该方法来取消默认行为。例如，当用户在表单中填写完信息后，按下“提交”按钮，如果没有使用event.preventDefault()方法，浏览器将会刷新页面，从而导致表单信息丢失。而使用event.preventDefault()方法就可以防止页面刷新，以便将表单信息传回后台进行处理。

除了表单提交之外，event.preventDefault()方法还可以用于以下情况：

1. A标签的默认跳转事件：例如，当用户点击一个链接时，浏览器会默认跳转到该链接所在的目标页面。而使用event.preventDefault()方法可以取消默认跳转事件，从而在同一页中打开链接。

2. 鼠标右键默认菜单：当用户在页面中右键单击时，浏览器会默认显示菜单。而使用event.preventDefault()方法可以自定义右键菜单，例如，创建一个自定义菜单，并在右键单击时显示该自定义菜单。

3. 表单输入框中的默认选择事件：例如，当用户在下拉框中选择一个选项时，浏览器会默认选择该选项。而使用event.preventDefault()方法可以取消默认选择事件，以便用户自主选择。

总之，event.preventDefault()方法可以使用在任何需要用代码来阻止浏览器默认行为的情况中。它是一个非常实用的方法，在JavaScript开发中经常会用到。

### 回答3：
event.preventDefault()是Javascript中的一个方法，用于防止一个元素的默认行为。默认情况下，当用户与一个元素交互时，例如点击链接或提交表单，浏览器会执行该元素的默认行为。event.preventDefault()可以阻止浏览器执行该默认行为，从而增强了页面的交互性。

例如，当一个链接元素被点击时，网页通常会跳转到链接地址所指定的页面。但是如果我们想在用户点击链接时做一些其他的操作，就可以使用event.preventDefault()来阻止链接的默认行为，而不是直接跳转到链接地址。

另一个常见的例子是，当用户在输入框中输入内容并按下“回车”键时，表单通常会被提交并刷新页面。但是如果我们想在表单提交之前先验证用户的输入是否合法，就可以使用event.preventDefault()来阻止表单的默认行为，并在通过JavaScript代码处理表单提交功能。

综上所述，event.preventDefault()是Javascript中非常有用的方法，可以帮助我们实现更加灵活和自主的网页交互。

event.preventDefault();

`event.preventDefault()` 是一个用于阻止事件的默认行为的方法。在你提供的代码中，它被用在按钮点击事件的监听器中的回调函数里。

当按钮被点击时，通常会触发默认的提交行为，导致页面刷新或跳转。使用 `event.preventDefault()` 可以阻止这种默认行为的发生，从而保持页面的静态状态，不进行刷新或跳转。

在你的代码中，通过调用 `event.preventDefault()` 来阻止按钮的默认提交行为，这样在点击按钮时不会触发页面刷新或跳转。

相应地，你可以在回调函数中继续处理关键词，调用其他函数或执行其他操作，而不会被打断或干扰默认的提交行为。

需要注意的是，`event.preventDefault()` 只能阻止事件的默认行为，并不能阻止事件的传播。如果需要同时阻止事件的传播，可以使用 `event.stopPropagation()` 方法。