前言：@captemulation/gator 是一个快速轻量级的事件委托库。它适用于处理大量事件并提高性能，同时也适用于大型应用程序且易于使用。
安装
你可以使用 npm 进行安装，或者在 HTML 中引入脚本。
使用 npm 安装
npm install @captemulation/gator
在 HTML 中引入
<script src="https://cdn.jsdelivr.net/npm/@captemulation/gator"></script>
使用
初始化
首先，我们需要初始化 Gator。
const gator = new Gator(document.body);
这将为整个页面启用事件委托。
添加事件监听器
现在，我们可以添加事件监听器。
gator.on('click', '.button', () => {
console.log('Button clicked.');
});Gator 的 API 与原生事件监听器非常相似。这里的第一个参数是事件类型，第二个参数是选择器，第三个参数是回调函数。
在这个例子中，我们监听整个页面上 .button 元素的点击事件，并在触发时日志一条消息。
销毁
最后，当我们不再需要 Gator 时，可以销毁它。
gator.destroy();
这将取消所有监听器并释放内存。
示例代码
下面是一个完整的例子，它演示了如何使用 Gator 处理多个事件。
-- -------------------- ---- -------
------- -------------------- ------------
--- -------------
-------- ------
-------- ------
-------- ------
-----
------- -----------------------------------------------------------------
--------
----- ----- - --- ---------------------
----------------- ---------- -- -- -
------------------- -----------
---
----------------- ------ - ---- ------- -- -
----------------- --------------------------- -----------
---
-- -- ------------------
----------------
---------指导意义
使用事件委托可以提高性能并减少内存使用。当你需要在多个元素上添加相同的事件监听器时，使用事件委托只需要添加一个监听器，而不是为每个元素都添加一个监听器。
@captemulation/gator 是一个轻量级的事件委托库，易于使用且具有出色的性能。它可以帮助你更轻松地处理多个事件，并提高你的应用程序的性能。
在实际应用中，你可以使用 @captemulation/gator 处理所有事件，并针对特定的元素和事件添加特殊的处理程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c0181e8991b448e5b31