js实时获取input的值
时间: 2023-05-04 19:02:48 浏览: 52
JS实时获取input的值需要用到事件监听器。我们可以使用input事件或者keyup事件来监听input输入框的值的变化。
1. 使用input事件
input事件可以在输入框的内容改变时触发,并且在用户输入每个字符后都会触发一次。我们可以通过addEventListener方法来监听input事件,然后在回调函数中获取input的value值。
例如:
```
const input = document.getElementById("myInput");
input.addEventListener("input", function() {
const inputValue = input.value;
console.log(inputValue);
});
```
2. 使用keyup事件
keyup事件可以在用户按下按键后触发,并且只触发一次。我们可以通过addEventListener方法来监听keyup事件,然后在回调函数中获取input的value值。
例如:
```
const input = document.getElementById("myInput");
input.addEventListener("keyup", function() {
const inputValue = input.value;
console.log(inputValue);
});
```
以上两种方式都能实现实时获取input的值,但是input事件更实时而且会在每个字符输入后都触发,更适合实时监听输入框的变化。而keyup事件则只会在用户按键后触发一次,不如input事件实时。