js 有 onInput事件吗？

是的，JS中确实有`oninput`事件，它与`onInput`事件是等价的。`oninput`事件在用户输入内容时触发，包括键盘输入、复制粘贴、输入法输入等。与`onkeyup`、`onkeydown`、`onkeypress`等事件不同，`oninput`事件能够及时响应用户输入的每一个字符，因此常用于实时验证用户输入内容、自动完成输入、实时搜索等场景中。

以下是一个使用`oninput`事件实现实时搜索的简单示例：

const input = document.getElementById('search-input');
input.oninput = function() {
  const keyword = input.value;
  // 根据关键字进行搜索
  console.log('搜索关键字：', keyword);
}

在上面的代码中，我们使用`document.getElementById`方法获取到一个输入框元素，并将其赋值给`input`变量。然后，使用`oninput`事件监听用户输入，并在事件处理函数中获取输入框的值，根据关键字进行搜索，并输出搜索关键字到控制台。

相关问题

js中on有input事件吗

是的，JavaScript中有`oninput`事件，它可以用于监听表单元素（如`<input>`和`<textarea>`）的输入事件，即当用户在表单元素中输入内容时触发。`oninput`与`onchange`事件类似，但不同点在于`oninput`会在用户每次输入时立即触发，而`onchange`则是在表单元素失去焦点时触发。

以下是一个使用`oninput`事件的示例：

<input type="text" oninput="myFunction()">

<script>
function myFunction() {
  var input = document.querySelector('input');
  console.log(input.value); // 打印输入框中的值
}
</script>

当输入框中的值发生变化时，`myFunction()`函数会立即被调用，并且会在控制台中打印输入框中的值。

js 有 Input输入框上可以添加onInput事件吗

是的，JS中可以为`<input>`元素添加`oninput`事件。`oninput`事件在输入框的值发生变化时触发，包括用户手动输入、粘贴、剪切等操作。与`onkeyup`、`onkeydown`、`onkeypress`等事件不同，`oninput`事件能够及时响应用户输入的每一个字符，因此常用于实时验证用户输入内容、自动完成输入、实时搜索等场景中。

以下是一个使用`oninput`事件实现实时搜索的简单示例：

<input type="text" oninput="search(this.value)">

在上面的代码中，我们为一个`<input>`元素添加了`oninput`事件，当用户在输入框中输入内容时，会触发`search`函数，并将输入框的值作为参数传入。在`search`函数中，我们可以根据输入框的值进行搜索操作。

需要注意的是，`oninput`事件与`addEventListener`方法添加的`input`事件是等价的。因此，我们也可以使用`addEventListener`方法来为`<input>`元素添加`input`事件，例如：

const input = document.getElementById('search-input');
input.addEventListener('input', function() {
  const keyword = input.value;
  // 根据关键字进行搜索
  console.log('搜索关键字：', keyword);
});