如何控制前端默认事件：阻止和触发

在前端开发中，默认事件指的是某些元素在特定操作下会自动触发的行为，例如表单提交、链接跳转等。我们可以通过JavaScript的 preventDefault() 方法来阻止这些默认事件的发生。

例如，在一个表单中，如果用户点击了提交按钮，我们可以使用 preventDefault() 方法来阻止默认的表单提交事件，然后使用JavaScript代码来处理表单数据，从而实现自定义的表单处理逻辑。

const form = document.querySelector('form');

form.addEventListener('submit', function(event) {
  event.preventDefault();
  // 这里处理表单数据
});

另外，如果想要打开默认事件，可以不调用 preventDefault() 方法，让默认事件按照默认的方式继续发生。

例如，如果我们想要让链接正常跳转，就不要调用 preventDefault() 方法。

const link = document.querySelector('a');

link.addEventListener('click', function(event) {
  // 不调用 preventDefault() 方法，链接会正常跳转
});

通过控制默认事件，我们可以更好地定制网站的行为，实现更复杂的功能。