PointerTracker
Track mouse/touch/pointer events for a given element.
API
PointerTracker
import PointerTracker from 'pointer-tracker';
const pointerTracker = new PointerTracker(element, {
start(pointer, event) {
},
move(previousPointers, changedPointers, event) {
},
end(pointer, event, cancelled) {
},
avoidPointerEvents: false,
rawUpdates: false,
});
pointerTracker.startPointers;
pointerTracker.currentPointers;
pointerTracker.stop();
Pointer
const pointer = pointerTracker.currentPointers[0];
pointer.pageX;
pointer.pageY;
pointer.clientX;
pointer.clientY;
pointer.id;
pointer.nativePointer;
const pointers = pointer.getCoalesced();
Demo
A simple painting app (code).
Files
lib/index.ts
- Original TypeScript.dist/PointerTracker.mjs
- JS module. Default exports PointerTracker.dist/PointerTracker.js
- UMD JS. Exposes PointerTracker on the global by default.dist/PointerTracker-min.js
- Minified UMD JS. ~900 bytes brotli'd.