Question

我是addEventListener方法的新手。我正在尝试使用addEventListener将参数传递给函数。但它并没有令人担忧。为什么我无法传递字符串＆＃34; 2a＆＃34;使用addEventListener方法？如果你向我解释这个问题，那将会非常有用。谢谢

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

Answer 1

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

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

使用addEventListener将参数传递给函数

1 个答案: