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.