js怎么同时监听多个input值变化
时间: 2023-02-10 14:15:17 浏览: 376
js监听输入框值的即时变化onpropertychange、oninput
您可以使用 `addEventListener` 方法来为多个输入字段添加 "input" 事件监听器。 例如:
```
const input1 = document.querySelector('#input1');
const input2 = document.querySelector('#input2');
input1.addEventListener('input', function() {
console.log(input1.value);
});
input2.addEventListener('input', function() {
console.log(input2.value);
});
```
这样,当两个输入字段的值改变时,都会触发相应的事件监听器。
如果您想要监听多个输入字段的值变化,但是希望使用相同的监听器函数,则可以使用下面的代码:
```
const inputs = document.querySelectorAll('input');
function handleInput() {
console.log(this.value);
}
inputs.forEach(input => input.addEventListener('input', handleInput));
```
这样,当任意一个输入字段的值发生变化时,都会触发相同的监听器函数 `handleInput`。
阅读全文