js监听input框内容改变

在JavaScript中，我们可以使用addEventListener()方法来监听input框内容的改变。

首先，我们需要获取到需要监听的input元素。可以通过getElementById()方法获取到指定id的元素，或者通过querySelector()方法来获取指定选择器的元素。

然后，我们可以使用addEventListener()方法来给该input元素添加一个事件监听器。该方法需要传入两个参数，第一个参数是要监听的事件类型，这里我们监听的是"input"事件，即输入框内容改变时触发的事件。第二个参数是一个回调函数，当事件触发时会执行该回调函数。

在回调函数中，我们可以通过event对象来获取到input框的当前内容。可以使用event.target.value来获取到输入框的值。

下面是一个简单的示例代码：

<input type="text" id="myInput">

<script>
  // 获取input元素
  var input = document.getElementById("myInput");

  // 添加事件监听器
  input.addEventListener("input", function(event) {
    // 获取输入框的值
    var value = event.target.value;
  
    // 在控制台打印输入框的值
    console.log(value);
  });
</script>

以上代码会监听id为"myInput"的input元素的内容变化，并在控制台打印输入框的值。你可以根据需要进一步处理输入框的内容。