Evenement en glissant avec le doigt sur une page web

Version imprimable

04/09/2013, 08h56
Geoffrey74

Evenement en glissant avec le doigt sur une page web

Bonjour,

je cherche à savoir si il existerai un événement (js / jquery) qui serai exécuter lorsqu'un utilisateur tactile glisse son doigt de droite à gauche ou inversement.

En fait je travail sur un blog, j'ai des boutons navigations Page+ Page- pour naviguer entre les pages, mais sous tablette et smartphone, les boutons sont trop petit et j'aimerai savoir si il était possible de changer de page avec le doigt en le glissant vers la gauche ou vers la droite (comme on peu le faire sur certain catalogue en ligne).

j'ai bien entendu cherché un peu partout mais je ne trouve pas grand chose, ou alors j'ai mal cherché...

Si quelqu'un pouvait m'aiguiller un tout petit peu, ça serait parfait.

Merci et bonne journée.
04/09/2013, 09h02
Bovino

touchstart, touchend, touchmove, touchenter, touchleave, touchcancel.
04/09/2013, 09h35
Geoffrey74

Parfait, c'est le touchmove qui semble m’intéresser.

Merci pour votre réponse rapide.

Finalement j'ai trouver plus simple en utilisant le jquery mobile :

Code:

1
2
3
4
5
6
7
8
9
10
11
$(function()
{
	$( "div.box" ).on( "swipeleft", swipeleftHandler );
	$( "div.box" ).on( "swiperight", swiperightHandler );
	function swipeleftHandler( event ){
		// Code left exécuté
	}
	function swiperightHandler( event ){
		// Code right exécuté
	}
});