默认动作

大多数事件都有与其关联的默认动作。若点击链接,就会跳转到链接目标。若点击向下的箭头,浏览器会向下翻页。若右击鼠标,可以得到一个上下文菜单等。

对于大多数类型的事件,JavaScript 事件处理器会在默认行为发生之前调用。若事件处理器不希望执行默认行为(通常是因为已经处理了该事件),会调用preventDefault事件对象的方法。

你可以实现你自己的键盘快捷键或交互式菜单。你也可以干扰用户期望的行为。例如,这里实现一个无法跳转的链接。

  1. <a href="https://developer.mozilla.org/">MDN</a>
  2. <script>
  3. let link = document.querySelector("a");
  4. link.addEventListener("click", event => {
  5. console.log("Nope.");
  6. event.preventDefault();
  7. });
  8. </script>

除非你有非常充足的理由,否则不要这样做。当预期的行为被打破时,使用你的页面的人会感到不快。

在有些浏览器中,你完全无法拦截某些事件。比如在 Chrome 中,关闭键盘快捷键(CTRL-WCOMMAND-W)无法由 JavaScript 处理。