JS开发必知：用event.preventDefault()阻止表单提交和链接跳转等默认事件

在JavaScript中，可以使用`event.preventDefault()`方法来阻止默认事件。这个方法通常在处理表单提交或链接跳转等事件时使用。 例如，如果你有一个表单提交按钮，你可能不希望表单实际提交，而是执行一些其他的操作。你可以使用`event.preventDefault()`方法来阻止表单的默认提交行为。 ```javascript document.querySelector('form').addEventListener('submit', function(event) { event.preventDefault(); // 在这里执行你的自定义操作 }); ``` 在这个例子中，当用户点击表单提交按钮时，事件处理器被触发。然后，`event.preventDefault()`方法被调用来阻止表单的默认提交行为。这样，你的自定义操作就可以在表单不实际提交的情况下执行。 同样，如果你有一个链接，你可能不希望它实际跳转到另一个页面，而是执行一些其他的操作。你可以使用`event.preventDefault()`方法来阻止链接的默认跳转行为。 ```javascript document.querySelector('a').addEventListener('click', function(event) { event.preventDefault(); // 在这里执行你的自定义操作 }); ``` 在这个例子中，当用户点击链接时，事件处理器被触发。然后，`event.preventDefault()`方法被调用来阻止链接的默认跳转行为。这样，你的自定义操作就可以在链接不实际跳转的情况下执行。 ######[AI写代码神器 | 280点数解答 | 2023-11-09 00:53:10]