简介
whtevr-event 是一个基于原生 JavaScript 的事件库，具有布尔型和链式调用的优点，支持多种事件的绑定和解绑，并且在使用 EventTarget 时可以统一数据格式，方便事件传递和绑定处理。通过 npm 安装使用。
安装
在终端运行以下命令即可安装 whtevr-event：
--- ------- ------------
使用
初始化事件对象
首先需要初始化事件对象，可以选择绑定在 window、document 或自定义 DOM 上：
----- ----- - --- --------------
绑定事件
支持多类型事件的绑定，如 click、mousemove 等，也可以自定义事件类型：
------------------------------- - -- - ------------------ ----- ------------- ---
通过传递第三个参数可以配置事件的优先级，数字越大优先级越高，支持正负数。默认优先级为 0。
------------------------------- - -- - ------------------ ----- ---------- ---- ------------ -- --- ------------------------------- - -- - ------------------ ----- ---------- ---- ------------ -- ---
如果需要一次性绑定多个事件，也可以使用 addEventsListener 方法：
------------------------- ------ - -- ------------------ ----- ------------- ---------- - -- ---------------------- ----- ------------- ---
解绑事件
通过 removeEventListener 方法可以解绑指定的事件：
----- ------- - - -- ------------------ ----- ------------- ------------------------------- --------- ---------------------------------- ---------
如果需要解绑多个事件，也可以使用 removeEventsListener 方法：
------------------------- ------ - -- ------------------ ----- ------------- ---------- - -- ---------------------- ----- ------------- --- ------------------------------------ --------------
如果需要解绑所有事件，可以使用 clearEventsListener 方法：
----------------------------
触发事件
通过 dispatchEvent 方法可以手动触发事件：
----------------------- ----------------------------
数据格式处理
通过 normalizeEvent 方法对事件对象进行统一处理，可以统一不同浏览器之间的 event 对象，方便转发和处理：
----- ------- - ----- -- - ----- - - ----------------------- -------------------- --------- -- ----------------------------------- ---------
总结
通过 whtevr-event 可以方便地进行事件绑定和解绑，并且在统一数据格式时也提供了很大的便利。同时支持多种类型事件的链式调用，可以提高代码可读性和可维护性。在开发前端项目时，可以考虑使用 whtevr-event 来进行事件处理。
示例代码：https://github.com/someone/whtevr-event-example
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671098dd3466f61ffdfe4