Events

Last updated: 2.0.0 (22/01/2024)

MouseClickEvents

Property	Type	Description
onClick	(event: React.MouseEvent) => void	Fires on a mouse click event.
onDoubleClick	(event: React.MouseEvent) => void	Fires on a mouse double-click event.

MouseEvents

Property	Type	Description
onMouseDown	(event: React.MouseEvent) => void	Fires when a mouse button is pressed down on this element.
onMouseUp	(event: React.MouseEvent) => void	Fires when a mouse button is released on this element.
onMouseOver	(event: React.MouseEvent) => void	Fires when a mouse enters this element and its children.
onMouseEnter	(event: React.MouseEvent) => void	Fires when a mouse enters this element.
onMouseLeave	(event: React.MouseEvent) => void	Fires when a mouse leaves this element.
onMouseMove	(event: React.MouseEvent) => void	Fires when a mouse moves while over this element.

PointerEvents

Property	Type	Description
onPointerDown	(event: React.PointerEvent) => void	Fires when a pointer becomes active on this element. This is for triggering drag events as this event is only called once on touchscreen devices.
onPointerUp	(event: React.PointerEvent) => void	Fires when a pointer is no longer active on this element.
onPointerCancel	(event: React.PointerEvent) => void	Fires when the browser determines there are unlikely to be any more pointer events.
onPointerEnter	(event: React.PointerEvent) => void	Fires when a pointing device is moved onto this element and its children.
onPointerLeave	(event: React.PointerEvent) => void	Fires when a pointing device is moved off this element.
onPointerMove	(event: React.PointerEvent) => void	Fires when a pointer moves while over this element.
onPointerOver	(event: React.PointerEvent) => void	Fires when a pointer is moved onto this element.

FocusEvents

Property	Type	Description
onFocus	(event: React.FocusEvent) => void	Fires when this element receives focus.
onBlur	(event: React.FocusEvent) => void	Fires when this element loses focus.

KeyboardEvents

Property	Type	Description
onKeyDown	(event: React.KeyboardEvent) => void	Fires when a key is pressed down.
onKeyPress	(event: React.KeyboardEvent) => void	Fires after a key is pressed and released.
onKeyUp	(event: React.KeyboardEvent) => void	Fires when a key is released.