附加一个 onchange 对象是一个闭包吗？

Question

我搜索过之前的 SO posts here, here and here，但找不到对我有意义的答案。这应该是一个基本问题，但我不理解我发现的 posts。他们似乎没有使用 this 参数来解决。

我想以编程方式添加带有 onchange 事件的输入，这样最终结果是这样的：

 <input type="button" onchange="handleButtonOnChange(this)">ClickMe</input>

我正在开发一个项目，该项目在旧的 Delphi 应用程序中使用嵌入式 IE6 浏览器，因此我必须有一个与 IE6 兼容的解决方案（是的，IE6 很糟糕，但这是有原因的我现在坚持使用它）。

我最初的尝试是这样的：

var DaySelect = document.createElement("select");
DaySelect.id = ParentID+"-day";
DaySelect.disabled = true;
MonthSelect.onchange="handleDayChange(this);"  //<--- not correct
Parent.appendChild(DaySelect);

然后我读到应该为 .onchange 分配一个对象，而不是一个字符串，应该改用它：

MonthSelect.onchange=handleDayChange;  //<--- '(this)' removed

但在我看来，这将导致这个元素（注意缺少的 this 参数）

 <input type="button" onchange="handleButtonOnChange">ClickMe</input>

如果我使用下面的行，这不会关闭，并且 'this' 将引用对象分配给 .onchange 属性时的事件，而不是更改事件发生时的事件？

//Does the line below make a closure?  
MonthSelect.onchange=handleDayChange(this);  //<-- What does 'this' refer to?

我是一个相对较新的网络程序员，但我是 Delphi 资深程序员。关闭仍然让我头疼。我很感激这方面的任何帮助。

此外，我阅读了 here 关于使用 addEventListener 和旧版本 IE 的问题，页面上的最后一个 post 提供了解决方法。但我不明白它是如何工作的。

编辑——传递其他参数呢？似乎许多事件处理程序需要具有特定于附加元素的参数。似乎只是无法添加带有任何参数的侦听器。

Answer 1

如果您在 JS 中创建元素，则为一个简单的闭包：

var DaySelect = document.createElement("select");
DaySelect.id = ParentID+"-day";
DaySelect.disabled = true;
MonthSelect.onchange=function(){handleDayChange(DaySelect);};
Parent.appendChild(DaySelect);

由于函数是在您创建元素的范围内创建的，因此相同的变量将可供它使用。

编辑：

可以使用此方法传递其他参数，例如，我们创建并附加为处理程序的匿名函数仍会将事件对象发送给它：

function(e){handleDayChange(DaySelect, e);};

在事件对象中，您可以访问事件目标，但在您的示例中，事件目标和 "this" 不是同一元素，因此处理程序无法了解DaySelect 元素。

jQuery 使许多事件处理变得更加简单，这是许多人使用它的原因之一，它还规范了各种浏览器之间的方法，因此您不必编写相同的多个版本代码（在大多数情况下）

附加一个 onchange 对象是一个闭包吗？

Is attaching an onchange object a closure?

html

javascript

onchange

internet-explorer-6

createelement