无需传入任何内容。用于的函数addEventListener将自动this绑定到当前元素。只需this在您的函数中使用：

productLineSelect.addEventListener('change', getSelection, false);

function getSelection() {
    var value = this.options[this.selectedIndex].value;
    alert(value);
}

这是小提琴：http : //jsfiddle.net/dJ4Wm/

如果要将任意数据传递给函数，请将其包装在您自己的匿名函数调用中：

productLineSelect.addEventListener('change', function() {
    foo('bar');
}, false);

function foo(message) {
    alert(message);
}

这是小提琴：http : //jsfiddle.net/t4Gun/

如果你想设置的值this手动，您可以使用该call方法来调用该函数：

var self = this;
productLineSelect.addEventListener('change', function() {
    getSelection.call(self);
    // This'll set the `this` value inside of `getSelection` to `self`
}, false);

function getSelection() {
    var value = this.options[this.selectedIndex].value;
    alert(value);
}

在 JS 代码的第一行：

select.addEventListener('change', getSelection(this), false);

您通过放置在函数引用后面来调用 getSelection(this)。这很可能不是您想要的，因为您现在正在将该调用的返回值传递给 addEventListener，而不是对实际函数本身的引用。

在这种情况下，在由addEventListener值调用的函数中，forthis将自动设置为侦听器附加到的对象productLineSelect。

如果这就是你想要的，你可以只传递函数引用，并且this在这个例子中是select从 addEventListener 调用的：

select.addEventListener('change', getSelection, false);

如果这不是您想要的，那么您最好bind将此值用于传递给的函数addEventListener：

var thisArg = { custom: 'object' };
select.addEventListener('change', getSelection.bind(thisArg), false);

这.bind部分也是一个调用，但这个调用只返回我们正在调用的同一个函数bind，this该函数范围内的值固定为thisArg，有效地覆盖了 this-binding 的动态特性。

要解决您的实际问题：“如何将参数传递给 addEventListener 中的函数？”

您将不得不使用额外的函数定义：

var globalVar = 'global';

productLineSelect.addEventListener('change', function(event) {
    var localVar = 'local';
    getSelection(event, this, globalVar, localVar);
}, false);

现在我们将事件对象、this对 addEventListener 回调内部的值的引用、在该回调内部定义和初始化的变量以及来自整个 addEventListener 调用外部的变量传递给您自己的getSelection函数。

我们也可能再次选择一个对象this位于外部回调中：

var thisArg = { custom: 'object' };
var globalVar = 'global';

productLineSelect.addEventListener('change', function(event) {
    var localVar = 'local';
    getSelection(event, this, globalVar, localVar);
}.bind(thisArg), false);

使用时addEventListener，this会自动绑定。因此，如果您想要引用安装了事件处理程序的元素，只需this在您的函数中使用：

productLineSelect.addEventListener('change',getSelection,false);

function getSelection(){
    var value = sel.options[this.selectedIndex].value;
    alert(value);
}

如果你想从你调用的上下文中传递一些其他参数addEventListener，你可以使用一个闭包，像这样：

productLineSelect.addEventListener('change', function(){ 
    // pass in `this` (the element), and someOtherVar
    getSelection(this, someOtherVar); 
},false);

function getSelection(sel, someOtherVar){
    var value = sel.options[sel.selectedIndex].value;
    alert(value);
    alert(someOtherVar);
}

如果this您想要的值只是您将事件处理程序绑定到的对象，那么addEventListener()已经为您完成了。当你这样做时：

productLineSelect.addEventListener('change', getSelection, false);

该getSelection函数将已被调用并this设置为事件处理程序绑定到的对象。它还将传递一个参数，该参数表示具有有关该事件的各种对象信息的事件对象。

function getSelection(event) {
    // this will be set to the object that the event handler was bound to
    // event is all the detailed information about the event
}

如果所需的this值不是您将事件处理程序绑定到的对象的其他值，您可以这样做：

var self = this;
productLineSelect.addEventListener('change',function() {
    getSelection(self)
},false);

通过解释：

1. 您将 的值保存this到其他事件处理程序中的局部变量中。
2. 然后创建一个匿名函数来传递 addEventListener。
3. 在该匿名函数中，您调用实际函数并将this.