react-event-handler is a component that allows you to handle the events of children elements, delay the invocation of the handlers, and manage some extra events like "clickAnywhere".
npm install --save react-event-handler
import EventHandler from "react-event-handler";
const MyButton () =>
<EventHandler
onClick={() => console.log("click!")>
onMouseEnter={handler: () => console.log("mouse enter!"), delay: 1000}
>
<div>click here</div>
</EventHandler>
Props can either be simple handler function or an object with the properties handler
and delay
.
Prop | Type | Optional |
---|---|---|
onClick | function or object | yes |
onMouseEnter | function or object | yes |
onMouseLeave | function or object | yes |
onFocus | function or object | yes |
onBlur | function or object | yes |
onClickAnywhere | function or object | yes |
- [BREAKING] No longer support React versions < 16.3.0
- Update dependencies
- Fix typo in forwarded ref prop
- Add support for React 16.8
- Update dependencies
- Add wrapper prop to configure the wrapper used by react-event-handler
- Fix event handler adding and removing document listeners whenever the component received props
- Trigger document events on bubbling phase instead of capture phase
- Fix bad event handler usage
- Added onContextMenuAnywhere handler
- Fix setTimeout related bugs
- Added onContextMenu handler
- Fix propType added in v0.1.2 :(
- Added missing propType
- Fixed broken package
- Initial release