我遇到了这个问题，当处理程序作为内联函数调用提供时，JavaScript 事件处理程序会按预期调用，但是在调用另一个函数以响应事件时，它不会按预期工作。我不确定为什么它会这样，如果有人能解释一下，那就太好了。谢谢。
<html>
<head>
</head>
<body>
Name: <input type="text" id="text1"> Hello World!
<script>
var i= 0;
function myFun()
{
i++;
console.log('got key up event ' + i);
}
var textElem = document.getElementById('text1');
//below works as expected ie. prints 'got key up event 1', 'got key up
event 2' .. on console
//textElem.addEventListener('keyup', function () {i++; console.log('got key up event ' + i);});
//If we comment above call and use below - textElem.addEventListener...
// it does not work as expected it only logs 'got key up event 1' on page load
// after that it (myFun) is not getting called even if i press key on text box.
//textElem.addEventListener('keyup', myFun() );
</script>
</body>
</html>
尝试：
textElem.addEventListener('keyup', myFun );
即 myFun无需()
addEventListener期待一个函数作为第二个参数。如果你传递myFun()浏览器会计算该函数（这里你得到了got key up event 1），但该函数不返回任何内容，因此不会添加实际的事件侦听器。
传递 myFun 时，实际函数将添加为事件侦听器。