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

时间:2011-05-21 09:15:11

标签: javascript html javascript-events

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

 var el = document.createElement('input');
           el.type = 'text';

             el.setAttribute("id",'suggest22');  

2 个答案:

答案 0 :(得分:2)

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

jsFiddle

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

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

你也不应该混合单(')和双(")。始终如一地使用其中一种。

答案 1 :(得分:1)

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

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

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