event.preventDefault() 总是在函数结束之前

Java

使用preventDefault()方法可以阻止浏览器默认的事件行为。当我们在JavaScript中处理事件时，有时需要阻止浏览器默认的行为，例如点击链接跳转页面或者提交表单时刷新页面。在这种情况下，我们可以使用preventDefault()方法来阻止浏览器的默认行为，以便我们可以自定义处理事件。

阻止链接点击事件的默认行为

当我们点击一个链接时，浏览器会默认跳转到链接指定的URL页面。如果我们想要在点击链接时执行一些自定义的操作，而不是跳转到新页面，我们可以使用preventDefault()方法来阻止链接的默认行为。

Javascript
document.querySelector('a').addEventListener('click', function(event) {
  event.preventDefault();
  // 执行自定义操作
});

在上面的代码中，我们使用addEventListener()方法给链接元素添加了一个点击事件监听器。在事件处理函数中，我们调用了preventDefault()方法来阻止链接的默认行为。这样，点击链接时就不会跳转到新页面，而是执行我们自定义的操作。

阻止表单提交事件的默认行为

当我们提交一个表单时，浏览器会默认刷新页面并发送表单数据到服务器进行处理。如果我们想要在表单提交时执行一些自定义的操作，而不是刷新页面，我们可以使用preventDefault()方法来阻止表单提交的默认行为。

Javascript
document.querySelector('form').addEventListener('submit', function(event) {
  event.preventDefault();
  // 执行自定义操作
});

在上面的代码中，我们使用addEventListener()方法给表单元素添加了一个提交事件监听器。在事件处理函数中，我们调用了preventDefault()方法来阻止表单提交的默认行为。这样，提交表单时就不会刷新页面，而是执行我们自定义的操作。

使用preventDefault()方法可以轻松地阻止浏览器默认的事件行为，以便我们可以自定义处理事件。无论是阻止链接的默认跳转行为还是阻止表单的默认刷新行为，我们都可以使用preventDefault()方法来实现。这样，我们就可以根据自己的需求自定义事件的处理逻辑，提升用户体验和交互效果。

以上就是关于preventDefault()方法的使用介绍及案例代码，希望对你有所帮助！如果你在开发中遇到类似的需求，不妨尝试使用preventDefault()方法来实现。