Notez que cet article a été écrit il y a plus de 5 ans, mais il n'est pas forcément obsolète.
Pour utliser « touchmouve », le code doit commencer par preventDefault(). On définit ensuite notre événement touch que l’on conditionne avec originalEvent et changedTouches. Lorsque ce touchmove est déclenché sur l’élément, il continue ce déclenchement, même si l’événement a quitté l’élément. Il faut donc tester si l’on est encore dans l’élément ou pas.
1 2 3 4 5 6 7 8 9 10 11 12 13 |
$('#element').on('touchmove', function(event) { event.preventDefault (); var touch= e.originalEvent.touches [0] || e.originalEvent.changedTouches [0]; var elm= $(this).offset(); var x= touch.pageX - elm.left; var y= touch.pageY - elm.top; if(x <$(this).width() && x> 0) { if(y < $(this).height() && y> 0) { // LE CODE VIENT ICI console.log (touch.pageY + '' + touch.pageX); } } }); |
Et hop, on peut utiliser le touchmove dans jQuery.