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

Question

我在执行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);
}

Answer 1

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

正如Prabha Karan所说，ID应该是唯一的。 改用类。

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">