javascript 使用addEventListener查找由选择框更改的输入值

rjjhvcjd 于 2022-11-20 发布在 Java

关注(0)|答案(4)|浏览(197)

我正在尝试使用eventListener检查输入框（type="number"）中的输入：

aE.addEventListener("input", (e) => {
  console.log(aE.value);
}

但我真正需要eventListener来获取的是输入框中value的任何更改。这个特定的输入框有一个select，用户可以在其中为常量选择几个数字选项之一。但eventListener的当前方法并不从该select中获取值的更改。
当输入框的值发生更改时，获取该值的正确语法是什么？

4条答案

我不确定 input 侦听器是否完全符合您要求
尝试使用 change|* 按键 | 按键关闭 | 键启动 *

您可以使用change事件来取得值。

selectEl.addEventListener("change", (e) => {
  console.log(e.target.value);
});

假设aE已由某些早期代码定义，以便从querySelector解析。
您可能希望侦听一个change事件，因为它来自一个select输入。此外，您需要添加target以获取内部值并返回事件，而不是元素。

const aE = document.getElementById('idOfAe');
 
aE.addEventListener("change", (e) => {
  console.log(e.target.value)
});

看起来我唯一的方法是测试实际的选择按钮以及输入。所以我有多个eventlistener。
为<select>属性设置新的属性。

selectA.addEventListener("change", (e) => {
console.log(aE.value);
}

原来的aE监听器也保留了下来，所以是两个监听器在某种程度上做同样的工作。