我们如何在 JavaScript 中为使用 document.createElement() 创建的元素添加焦点等事件？

Question

我想在文本框中添加一个焦点事件：

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

Answer 1

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

js小提琴。

您还可以在符合标准的浏览器中使用addEventListener('focus', function() {... }, false)并在 < IE9 中使用attachEvent('onfocus', function() {... }) 。

此外，您可以使用id属性作为设置元素的id属性的快捷方式。

您也不应该混合使用单 ( ' ) 和双 ( " )。始终使用其中一个。

Answer 2

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

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

演示http://jsfiddle.net/gaby/GN2tP/