如何为“addEventListener”方法添加别名？

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

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

Answer 4

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

Element.prototype.on = Element.prototype.addEventListener