JS 停止输入事件

在 JavaScript 中，常常需要在某些情况下停止或阻止特定的输入事件。这可以通过几种不同的方式来实现，本文将介绍其中的两种方法。

1. 使用 preventDefault()

我们可以使用 preventDefault() 方法来停止默认的行为。当用户触发一个事件时，浏览器通常会执行一些默认的行为。比如，在 input 元素中按下回车键，浏览器将自动提交表单。如果我们需要停止这个行为，我们可以使用 preventDefault() 方法阻止它的发生。

document.getElementById("myInput").addEventListener("keydown", function(event) {
  if (event.keyCode === 13) { // "Enter" key
    event.preventDefault();
  }
});

上面的代码使用了 addEventListener() 方法来绑定 keydown 事件。当用户按下键盘上的某个键时，会触发这个事件。如果按下的是回车键，我们就可以调用 preventDefault() 方法，阻止浏览器的默认行为。

2. 使用 stopPropagation()

除了停止默认的行为，有时候我们也需要停止事件的传播。在一个嵌套的元素结构中，用户触发了一个事件，事件会从当前元素冒泡到它的祖先元素，直到冒泡到文档的根元素。如果我们想要停止事件的传播，我们可以使用 stopPropagation() 方法。

document.getElementById("child").addEventListener("click", function(event) {
  event.stopPropagation();
});

上面的代码使用了 addEventListener() 方法来绑定 click 事件。如果用户点击了 #child 元素，这个事件就会被触发。在事件处理函数中，我们调用了 stopPropagation() 方法，停止了事件的传播。

无论是 preventDefault() 还是 stopPropagation() 方法，都可以用于停止或阻止特定的输入事件。我们可以根据实际需要来选择使用哪种方法。