You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Handling of user interactions such as mouse, touch and pointer events.
(Inspired by tapjs)
Installation
npm install @yandeu/tap
CDN
https://unpkg.com/@yandeu/tap/umd/tap.min.js
Usage
// print the current versionconsole.log('Tap VERSION: ',Tap.VERSION)// the element you want to listen for events (your canvas for example)constel=document.getElementById('myCanvas')// instantiateconsttap=newTap(el)// listen on downtap.on.down(({ position, event })=>{console.log('down',position,event)})// listen on movetap.on.move(({ position, event, dragging })=>{console.log('move',position,event)constisDragging=draggingconsole.log('Is pointer down while moving?',isDragging)})// listen on uptap.on.up(({ position, event })=>{console.log('up:',position,event)})// listen on down oncetap.once.down(({ position, event })=>{console.log('down',position,event)})// check if downtap.isDown// get current positiontap.currentPosition// get last positiontap.lastPosition// is pointer lock availabletap.pointerLock.available// is pointer lockedtap.pointerLock.isLocked// listen for pointer lock change once (returns a Promise)tap.pointerLock.onceChange().then(event=>{console.log(event)})// request pointer lock (returns a Promise)tap.pointerLock.request().then(event=>{console.log(event)})// request pointer lock (returns a Promise)tap.pointerLock.exit().then(event=>{console.log(event)})// check if pausedtap.isPaused// pause all events (except .once())tap.pause()// resume all eventstap.resume()// destroy all events once you are donetap.destroy()