javascript - Hammer.js pan event only for touch devices and not for desktop computer Click+Drag -
i utilize standard code pan / pinch (1) hammer.js :
var mc = new hammer(document.body); mc.add(new hammer.pinch({ threshold: 0 })).recognizewith(mc.get('pan')); // allow pan gesture back upwards directions. block vertical scrolling on touch-device while on element mc.get('pan').set({ direction: hammer.direction_all }); mc.on("panleft panright panup pandown tap press pinchstart pinchmove", function(ev) { $('#myelement').text(ev.type +" gesture detected. ev.scale=" + ev.scale + " ev.deltax,y=" + ev.deltax +' ' + ev.deltay); });
how hammer.js pan events only touch devices , not desktop computer click+drag
? (because have working code desktop computer click+drag, , don't want rewrite this!)
note (1) : by way, code good?, why recognizewith
needed? :
you may forcefulness hammer.js utilize input class want setting inputclass option:
var hammer = hammer(element, { inputclass: hammer.touchinput })
you may want back upwards pointer events when available:
var hammer = hammer(element, { inputclass: hammer.support_pointer_events ? hammer.pointereventinput : hammer.touchinput })
hammer.js has next inputclasses built in:
pointereventinput touchinput mouseinput touchmouseinput javascript ios mobile hammer.js
No comments:
Post a Comment