php - 为具有相同 id 和类名的多个文本框添加事件侦听器

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