Javascript 使用addEventListener将参数传递给函数

Javascript 使用addEventListener将参数传递给函数,javascript,Javascript,我是addEventListener方法的新手。我正在尝试使用addEventListener将参数传递给函数。但这并不可行。为什么我不能使用addEventListener方法传递字符串“2a”?如果您向我解释这个问题,这将非常有帮助。谢谢 <html> <head> <style> .mm{ width:100px; height:60px; } </style> </head> <body> <script>

我是addEventListener方法的新手。我正在尝试使用addEventListener将参数传递给函数。但这并不可行。为什么我不能使用addEventListener方法传递字符串“2a”?如果您向我解释这个问题,这将非常有帮助。谢谢

<html>
<head>
<style>
.mm{
width:100px;
height:60px;
}
</style>
</head>
<body>
<script>
function lister(){
document.getElementById("tab1").addEventListener("click",myfunc("2a"));
}
function myfunc(str){
alert(str);
}
window.onload=listener;
</script>
<table style="border:1px solid black;padding:2px;margin:2px 2px 2px 2px;">
<tr><td class="mm" id="tab1">this is it</td></tr>
<tr><td class="mm" id="tab2">no tis titt</td></tr>
</table>

</body>
</html>

嗯{
宽度:100px;
高度:60px;
}
函数列表器(){
document.getElementById(“tab1”).addEventListener(“单击”,myfunc(“2a”));
}
函数myfunc(str){
警报(str);
}
window.onload=listener;
就是这个
不是乳头

唯一的方法是使用匿名函数

function lister(){
    document.getElementById("tab1").addEventListener("click", function() {
        myfunc("2a");
    }, false);
}