javascript - 普通 JavaScript 中的 jQuery 更改方法？

Question

我在下面写了一小段使用 change 方法的 jQuery 代码。我刚刚发现项目中不再使用 jQuery，所以我需要在 Vanilla JS 中重写 change 方法。只是寻求一些帮助，了解我如何做到这一点。这是代码，它提取一个输入的值并将其输入另一个输入。

(function(){

  $('#Email').change(function() {
    $('#UserName').val($(this).val());
  });

})();

Answer 1

如果不需要支持旧的IE，可以使用querySelector + addEventListener :

document.querySelector('#Email').addEventListener('change',function(){
    document.querySelector('#UserName').value = this.value;
});

在视觉上，它看起来就像使用 jQuery 的 .on('change', fn)(这是 .change() 调用的)，只是更冗长。