メインコンテンツまでスキップ

Hover event

Hover values

PropertydefaultDescription
deviceType of device
activefalseWhether drag is active.
_activefalseWhether 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
targetnullTarget element

Hover events

Event nameArgumentDescription
onHoverHoverStateCalled on all hover events. Mainly events specified
onHoverStartEventCalled on hover start events
onHoveringEventCalled on hover move events
onHoverEndEventCalled on hover end events
onMountElementCalled when the component is mounted
onCleannullCalled 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
onHover: (self: HoverState) => void
onHoverStart(e: Event): void
onHovering(e: Event): void
onHoverEnd(e: Event): void
onMount(target: El): void
onClean(target?: El): void
ref(target: El | null): void
}