How can we add events like on focus to an element created using document.createElement() in JavaScript?

Question

I would like to add an on focus event to the text box:

 var el = document.createElement('input');
           el.type = 'text';
     
             el.setAttribute("id",'suggest22');  

Answer 1

el.onfocus = function() {
   // Focused.
}

jsFiddle .

You could also use addEventListener('focus', function() {... }, false) in standards compliant browsers and attachEvent('onfocus', function() {... }) in < IE9.

Also, you can use id property as a shortcut to setting the element's id attribute.

You also shouldn't mix single ( ' ) and double ( " ). Use one or the other, consistently.

Answer 2

var el = document.createElement('input');
el.type = 'text';
el.setAttribute('id','suggest22');

el.onclick = function(){alert(this.id);} 

demo http://jsfiddle.net/gaby/GN2tP/