動的に作成された入力で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のなし）事前

Answer 1

によって

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

おかげで追加してみてください以下：

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);