跳至主要內容

LTPP-统一管理浏览器JS事件

ltpp-universe小于 1 分钟LTPP-EVENT-PUBLISH-SUBSCRIBE-IN-JAVASCRIPT

GITHUB 地址open in new window

LTPP-GIT 地址open in new window

目录

说明

统一管理浏览器环境 JS 事件,注册,取消注册,查看某个事件列表和所有事件列表

安装

npm i ltpp-event-publish-subscribe-in-javascript

示例

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>test</title>
  </head>
  <script type="module">
    import { event_listener } from '../build/bundle.esm.js';
    const fn = () => {
      console.log(1);
    };
    // Registration Click Event
    event_listener.add('click', fn);
    // Registration Click Event
    event_listener.add('click', () => {
      console.log(2);
    });
    // Registration Click Event
    event_listener.add('click', fn);
    // Cancel registration click event
    event_listener.remove('click', fn);
    // View the list of click events
    console.log(event_listener.list('click'));
    // View the floating event list
    console.log(event_listener.list('hover'));
    // View all event lists
    console.log(event_listener.listAll());
  </script>

  <body></body>
</html>

赞赏

作为这个项目的唯一开发者,我一直在努力确保后端服务器的稳定运行和服务的持续提供。这个项目凝聚了我所有的心血和热情,但服务器费用和网站维护确实是一个不小的负担。

如果您觉得这个项目对您有帮助,或希望支持一个坚持不懈的个人开发者,无论金额大小,您的赞助都将是对我的莫大鼓励。每一份支持都会直接用于服务器和维护成本,让这个项目能够继续为大家提供服务。感谢您的信任和支持!

上次编辑于:
贡献者: 尤雨东