1.0.0 • Published 6 years ago
react-event-handler v1.0.0
react-event-handler
Description
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".
Installation
npm install --save react-event-handlerUsage
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>API
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 |
CHANGELOG
v1.0.0
- BREAKING No longer support React versions < 16.3.0
- Update dependencies
v0.5.1
- Fix typo in forwarded ref prop
v0.5.0
- Add support for React 16.8
- Update dependencies
v0.4.0
- Add wrapper prop to configure the wrapper used by react-event-handler
v0.3.3
- Fix event handler adding and removing document listeners whenever the component received props
v0.3.2
- Trigger document events on bubbling phase instead of capture phase
v0.3.1
- Fix bad event handler usage
v0.3.0
- Added onContextMenuAnywhere handler
- Fix setTimeout related bugs
v0.2.0
- Added onContextMenu handler
v0.1.3
- Fix propType added in v0.1.2 :(
v0.1.2
- Added missing propType
v0.1.1
- Fixed broken package
v0.1.0
- Initial release