Hover event
Hover values
| Property | default | Description |
|---|---|---|
| device | Type of device | |
| active | false | Whether drag is active. |
| _active | false | Whether drag is active. |
| value | [0, 0] | Current position |
| _value | [0, 0] | Previous position |
| delta | [0, 0] | Delta of position |
| offset | [0, 0] | Offset of position |
| movement | [0, 0] | Movement of position |
| target | null | Target element |
Hover events
| Event name | Argument | Description |
|---|---|---|
| hover | HoverState | Called on all hover events. Mainly events specified |
| hoverStart | Event | Called on hover start events |
| hovering | Event | Called on hover move events |
| hoverEnd | Event | Called on hover end events |
| mount | Element | Called when the component is mounted |
| clean | null | Called when the component is removed |
Hover state
export interface HoverState<El extends Element = Element> {
_active: boolean
active: boolean
device: 'mouse' | 'pointer' | 'touch'
_value: Vec2
value: Vec2
delta: Vec2
offset: Vec2
movement: Vec2
event: Event
target: El
isHoverStart: boolean
isHovering: boolean
isHoverEnd: boolean
hover: (self: HoverState) => void
hoverStart(e: Event): void
hovering(e: Event): void
hoverEnd(e: Event): void
mount(target: El): void
clean(target?: El): void
ref(target: El | null): void
}