如何阻止默认行为？

介绍

默认行为是指浏览器在特定情况下自动执行的行为，例如点击链接后跳转到新页面、按下回车键后提交表单等等。有时候，我们希望阻止这些默认行为，以便实现自己的功能，本文将介绍如何阻止默认行为。

使用preventDefault()

在JavaScript中，我们可以使用preventDefault()方法来阻止默认行为。该方法是Event对象的一个方法，可以在事件处理程序中调用。

document.querySelector('a').addEventListener('click', function(event) {
  event.preventDefault();
});

上面的代码会阻止点击a标签后跳转到新页面的默认行为。

使用return false

在早期的JavaScript中，return false也可以阻止默认行为。例如：

document.querySelector('a').onclick = function() {
  // do something
  return false;
};

上面的代码会阻止点击a标签后跳转到新页面的默认行为。

注意事项

虽然preventDefault()和return false都可以阻止默认行为，但它们的使用场景不同。preventDefault()只是阻止默认行为，而不会阻止事件的传播，可以在事件处理程序中继续处理其他逻辑。而return false会阻止默认行为并阻止事件的传播，不能在事件处理程序中继续处理其他逻辑。

因此，建议使用preventDefault()来阻止默认行为，以避免意外阻止事件的传播。

结论

阻止默认行为是实现自定义功能的重要步骤，使用preventDefault()方法可以轻松地实现阻止默认行为的功能。