如何為“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