addeventlistener用于具有相同ID和类名的多个文本框

时间:2013-05-12 17:04:31

标签: php javascript ajax

我在执行addeventlistener时遇到问题任何人都可以帮助我这是我的代码..

function gettext(){
     var val=this.value; 
    console.log(val);
} 
var get=document.getElementById('ids'); 
for(i=0; i<get.length;i++){
     console.log(i);
     document.getElementById(get[i]).addEventListener('focus', gettext, false);
}

1 个答案:

答案 0 :(得分:2)

看看这个小提琴:http://jsfiddle.net/4jDBx/

正如Prabha Karan所说,ids应该是独一无二的。改为使用类。

function gettext() {
    var val = this.value;
    console.log(val);
}
var get = document.getElementsByClassName('test1');
for (i = 0; i < get.length; i++) {
    console.log(i);
    get[i].addEventListener('focus', gettext, false);
}

如果需要,可以为一个元素定义多个类。只需使用<input type="text" id="id1" class="test1 secondClassName thirdClassName" value="test1">

即可