Wednesday 15 September 2010

javascript - Hammer.js pan event only for touch devices and not for desktop computer Click+Drag -



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