Как я могу связать событие 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);