“change”事件的Javascript addEventlistener无法处理输入

0s0u357o  于 2023-06-04  发布在  Java
关注(0)|答案(1)|浏览(173)

“change”事件的Javascript addEventlistener无法处理输入。
我在一个表单中有一系列输入,使用querySelectorAll选择它们,使用forEach循环为每个输入添加事件侦听器。目标是在更改时获取输入中的值,以便可以运行验证函数。这在像'keyup'这样的事件上工作得很好,但是根据文档,'change'事件也应该产生相同的结果。但对我来说不是。或者是改变事件仅限于html中的select标签。

const inputs = document.querySelectorAll('.input');

inputs.forEach(input => {
  input.addEventListener('change', function (e) {
    console.log(e.target.value);
  });
});
kb5ga3dv

kb5ga3dv1#

解决方案是使用'input'事件而不是'change'

相关问题