如何为＆＃39; addEventListener＆＃39;添加别名方法？

Question

在许多图书馆中使用on而不是addEventListener是很常见的。我个人觉得每次输入addEventListener都很烦人。

有没有办法添加别名？

感谢。

Answer 1

如果您只想创建别名，可以将addEventListener方法的新引用添加到全新的on方法中，如下所示：

Node.prototype.on = Node.prototype.addEventListener

Answer 2

以jQuery为例，on不是别名。它是围绕addEventListener的包装函数（内部，on调用jQuery.event.add函数，后者又调用addEventListener）。这种方法在其他图书馆中也是类似的。

正如Nhor指出的那样，你可以创建一个指向addEventListener的新函数，但语义与大多数库中的语义不同。

Answer 3

感谢答案，我最终得到了这个：

EventTarget.prototype.on = EventTarget.prototype.addEventListener

我在documentation中发现addEventListener方法属于EventTarget，因此这是添加别名的正确对象。

Answer 4

您可以添加on作为Element.addEventListener的别名，如下所示

Element.prototype.on = Element.prototype.addEventListener