javascript - 为多个元素添加事件监听器

Question

我已经为此苦苦挣扎了几个小时。

我想为所有 <select> 添加一个事件监听器s 在一个页面上，到目前为止我已经得到了这段代码:

onload = function(e) {
    sels = document.getElementsByTagName('select');
    for(i=0; i<sels.length; i++) {
        sels[i].addEventListener('change', alert('test!'), false);
    }
}

这只会在页面加载时触发警报，而不会在我更改任何 <select> 中的值时触发警报

请问我可以向正确的方向轻推吗？ :-)

Answer 1

当您在示例中立即调用 alert() 函数时，您需要为此设置匿名函数:

 ... .addEventListener('change', function() { alert('test!')}, false ...

现在根据您的代码 addEventListener 尝试添加 undefined 的结果(返回 alert() 函数)。

或者您可以为此传递函数处理程序:

function alertMe() {
    alert( 'test!' );
}
...

... .addEventListener('change', alertMe, false ...

注意:通过调用 somefunction(arg[, arg...])，您引用的不是函数，而是函数返回的内容。