javascript - addEventListener 中的第二个参数可以与字符串匹配吗？

Question

据我所知，addEventListener 中的第二个参数是事件发生后调用的确切函数名称。我希望 addEventListener 中的第二个参数与字符串匹配，然后应该调用该函数。喜欢:

var k =0;

for(var i=0;i<arr.length;i++){
    var val=arr[i];
    var link=document.createElement('a');

    link.id='name'+k++;
    link.innerHTML="Name :   " +val.name+"<br/><br/>";

    link.setAttribute('href','#');

    link.addEventListener('click',link.id);   //I want link.id should be the string which is either name0 or name1 or name2 ....
}

function name0(){

}

function name1(){

}

function name2(){

}

Answer 1

我得到的是您想要动态地将单击事件及其自己的处理程序添加到不同的元素。您可以使用他的方法来做到这一点:

var k =0;

var obj = {
    name0: function (){

    },
    name1: function(){

    },
    name2: function(){

    }
}

for(var i=0;i<arr.length;i++){
    var val=arr[i];
    var link=document.createElement('a');

    link.id='name'+k++;
    link.innerHTML="Name :   " +val.name+"<br/><br/>";

    link.setAttribute('href','#');

    //link.id could be name0, name1 ... and func could be obj[name0], obj[name1], obj[name2].....
    link.addEventListener('click',obj[link.id]);   //I want <br/> link.id should be the string which is either name0 or name1 or name2 ....
}