是否附加 onchange 对象为闭包

Is attaching an onchange object a closure?

本文关键字：闭包 对象 onchange 是否      更新时间：2023-09-26

我在这里，这里和这里搜索了以前的SO帖子，但无法找到对我来说有意义的答案。 这应该是一个基本问题，但我不明白我找到的帖子。 他们似乎没有使用 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

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

 <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程序员。 闭合仍然让我头疼。 我感谢这方面的任何帮助。

另外，我在这里阅读了有关使用 addEventListener 和旧版 IE 的问题，页面上的最后一篇文章提供了一个解决方法。 但我不明白它是如何工作的。

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

一个简单的

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

相关文章：