react-dom-event

React context for subscribing to all DOM user interaction events

MIT 38 个版本

react-native-web react native web dom outside click press touch typescript

主页

仓库

提交 Issue

安装

npm install react-dom-event

yarn add react-dom-event

pnpm add react-dom-event

bun add react-dom-event

README

react-dom-event

React context for subscribing to all DOM user interaction events.

For a react-native version, check out react-native-event

Example 1

import { Fragment, useCallback } from "react";
import { createRoot } from "react-dom/client";
import { useEvent, EventProvider } from "react-dom-event";

function UseEventComponent() {
  const handler = useCallback((event) => {
    /* do something with any event */
  });

  useEvent(handler, [handler]);
  return <Fragment />;
}

const container = document.getElementById("app");
const root = createRoot(container);
root.render(
  <Fragment>
    <EventProvider events={["click"] /* default */}>
      <UseEventComponent />
      <button type="button" id="demo-1" onClick={() => {}} />
    </EventProvider>
    <button type="button" id="demo-2" onClick={() => {}} />
  </Fragment>,
);

// any click will call the global event handler
document.getElementById("demo-1").click();
document.getElementById("demo-2").click();

Documentation

API Docs

版本列表

1.0.13 2026-05-26

1.0.12 2026-05-22

1.0.10 2025-12-12

1.0.9 2025-12-12

1.0.8 2025-12-04

1.0.7 2025-12-04

1.0.6 2025-12-02

1.0.5 2025-11-06

1.0.4 2025-10-21

1.0.3 2025-10-21

1.0.2 2025-07-08

1.0.1 2025-06-21

1.0.0 2025-06-21

0.1.27 2025-06-20

0.1.26 2025-06-18

0.1.25 2025-05-24

0.1.24 2025-05-19

0.1.23 2025-05-18

0.1.22 2025-03-03

0.1.20 2025-01-23

0.1.19 2025-01-23

0.1.18 2025-01-23

0.1.17 2025-01-19

0.1.16 2025-01-18

0.1.15 2025-01-15

0.1.14 2025-01-15

0.1.13 2025-01-14

0.1.12 2025-01-12

0.1.10 2025-01-04

0.1.9 2025-01-04

0.1.8 2025-01-04

0.1.7 2025-01-04

0.1.6 2025-01-04

0.1.4 2024-02-10

0.1.3 2022-07-10

0.1.2 2022-07-08

0.1.1 2022-07-07

0.1.0 2022-07-07