如何在动态创建的输入上绑定onchange事件？ （没有jquery）

Question

我正在使用动态注入输入的函数。 我希望能够听取这些输入变化。

以下是我目前的情况：

var input = document.createElement('input');
input.setAttribute('value', '');
input.setAttribute('type', 'text');
input.setAttribute('class', 'my-custom-input');
document.body.appendChild(input);

这就是我要做的事情:(没有jquery）

$(document).on('change', '.my-custom-input', function(){
                  // do something
})

先谢谢

Answer 1

尝试添加以下内容：

var input = document.createElement('input');
input.setAttribute('value', '');
input.setAttribute('type', 'text');
input.setAttribute('class', 'my-custom-input');
document.body.appendChild(input);

//Change event listener
input.addEventListener('change', function(e) {
  console.log('I just changed');
}, false);