如何为 'addEventListener' 方法添加别名？

Question

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

有没有办法添加别名？

谢谢。

Answer 1

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

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

Answer 2

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

Node.prototype.on = Node.prototype.addEventListener

Answer 3

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

Element.prototype.on = Element.prototype.addEventListener

Answer 4

感谢其他答案，我得到了这个：

EventTarget.prototype.on = EventTarget.prototype.addEventListener

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

How to add an alias for 'addEventListener' method?