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

Question

在许多库中，通常使用on而不是addEventListener。个人认为每次都要输入addEventListener非常烦人。

有没有一种方法可以添加别名？

谢谢。

- Damjan Pavlica

Answer 1

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

Node.prototype.on = Node.prototype.addEventListener

- Nhor

---

谢谢，这正是我所需要的。 - Damjan Pavlica

Answer 2

感谢其他答案，最终得到以下代码：

EventTarget.prototype.on = EventTarget.prototype.addEventListener

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

- Damjan Pavlica

---

P.s. 我发现在较旧的Safari浏览器上不支持EventTarget。 - Damjan Pavlica

感谢您的更新。这里有一个可能的解决方法，https://dev59.com/bVoV5IYBdhLWcg3wIbtT#36679639 - Joyce Babu

Answer 3

以jQuery为例，on不是别名，它是一个包装函数，用于封装addEventListener（在内部，on调用jQuery.event.add函数，该函数又调用addEventListener）。其他库的方法也类似。正如Nhor所指出的，您可以创建一个新函数指向addEventListener，但语义与大多数库中不同。

- Kapol

Answer 4

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

Element.prototype.on = Element.prototype.addEventListener

- Aditya Singh