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

Wheel event

Wheel 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

Wheel events

Event nameArgumentDescription
onWheelWheelStateCalled on all wheel events. Mainly events specified
onWheelStartWheelEventCalled on all wheel events. Mainly events specified
onWheelEndWheelEventCalled on all wheel events. Mainly events specified
onWheelingWheelEventCalled on all wheel events. Mainly events specified
onMountElementCalled when the component is mounted
onCleannullCalled when the component is removed

Wheel state

export type Vec2 = [x: number, y: number]

export interface WheelState<El extends Element = Element> {
_active: boolean
active: boolean
_value: Vec2
value: Vec2
delta: Vec2
offset: Vec2
movement: Vec2
target: El
event: WheelEvent
memo: any
isWheelStart: boolean
isWheeling: boolean
isWheelEnd: boolean
onWheel(self: WheelState<El>): void
onWheelStart(e: WheelEvent): void
onWheeling(e: WheelEvent): void
onWheelEnd(e: WheelEvent): void
onMount(target: Element): void
onClean(target: null): void
ref(traget: Element): void
tick?: () => void
}