How to call a js function on dynamically created input?

[welkin]

I am trying to call a js function on blur effect of dynamically created textbox. Code are as follows.

js to add dynamic text box

{
var el3 = document.createElement('input');                    
    el3.type = 'text';                                    
    el3.name = 'children' + i;                                
    el3.id = 'children' + i;                                    
 
    //el3.setAttribute('onblur',"myFunction()");
    el3.onblur = function(){myFunction();};
    thirdCell.appendChild(el3);                        
    frm.h.value=i;                                        
    i++;    
 
}

JS Function to be called on blur effect of above dynamically created element.

function myFunction()
{
var x = document.getElementById("child1").value;
for(i=0;i<x;i++)
{
    var childAge =  prompt("Enter Child " + (i+1) + " age")
    childageDetail.push(childAge);
 
}
//Loop for child age display
for(ageDisplay = 1; ageDisplay < childageDetail.length; ageDisplay++)
{
    alert("Child "+ ageDisplay +" age "+ childageDetail[ageDisplay]);
}
 
}

[Dormilich]

1)

el3.onblur = function(){myFunction();};

can be simplified to

el3.onblur = myFunction;

2) I’m not entirely sure what your problem is.