pointer-observer

Query pointer state and use pointer events asynchronously.

Installation

npm i @dandre3000/pointer-observer

Usage

import PointerObserver from '@dandre3000/pointer-observer'

let p = new PointerObserver(document.documentElement)

await p.getNextEvent('pointerdown').then(e => console.log(e))

setInterval(() => {
    console.log(p.getPointers(0))
    console.log(p.getAllPointers())
}, 1000 / 60)

Exports

Types

MouseEventTypes =
 'dblclick' |
 'wheel'

PointerEventTypes =
 "pointerenter" |
 "pointerover" |
 "pointermove" |
 "pointerdown" |
 "pointerup" |
 "pointerout" |
 "pointerleave" |
 "click" |
 "auxclick"

Pointer {
 button1: boolean
 button2: boolean
 button3: boolean
 button4: boolean
 button5: boolean
 screenX: number
 screenY: number
 clientX: number
 clientY: number
 pageX: number
 pageY: number
 offsetX: number
 offsetY: number
}

Class PointerObserver

constructor (eventTarget: EventTarget)

Instance methods

getPointers (pointerId: string): Pointer
getPointers (...pointerIds: string[]): Pointer[]

getAllPinters (): Map<number, Pointer>

getNextEvent (type: MouseEventTypes | PointerEventTypes): Promise<MouseEvent | PointerEvent>

License

MIT