Sur un petit site pour téléphone portable, je souhaite passer d'une page à une autre en glissant le doigt de droite à gauche ou de gauche à droite.
J'ai développé cela en javascript en utilisant Evenement.changedTouches, et cela fonctionne plutôt bien.
Mon problème est que en faisant cela, j'annule toutes les navigations par défaut : zoom avec deux doigts, déplacement sur l'écran avec un seul doigt.
Ma question est comment retrouver ces navigations par défaut, sans avoir à tout réécrire ?
Je vous mets mon code ci dessous :
Code : Tout sélectionner
var ValeurDeplacementX = 150;
var tempsDeplacement = 500;
function toucher(Evenement){
departX = Evenement.changedTouches[0].pageX;
departY = Evenement.changedTouches[0].pageY;
departT = new Date().getTime();
}
function toucherfin(Evenement){
var Sens;
var Element = document.getElementById('deroulement');
pointX = Evenement.changedTouches[0].pageX;
pointY = Evenement.changedTouches[0].pageY;
pointT = new Date().getTime();
if ( ( pointT - departT ) > tempsDeplacement )return;
if ( Math.abs( pointX - departX ) > ValeurDeplacementX ){
ElementEnCours = Element.firstElementChild;
while ( ElementEnCours.className != 'vu' ) {
ElementEnCours = ElementEnCours.nextElementSibling;
}
if ( ( pointX - departX ) > 0 ){
ElementChoisi = ElementEnCours.previousElementSibling;
} else {
ElementChoisi = ElementEnCours.nextElementSibling;
}
ElementaAfficher = document.getElementById( ElementChoisi.id.replace('d', 'l') );
ChoixSequence( ElementaAfficher );
}
}
function Initialisation(){
var departX, departY, departT;
var Element = document.getElementById('deroulement');
Element.addEventListener('touchstart', toucher);
Element.addEventListener('touchmove', function(e){
e.preventDefault()
}, false)
Element.addEventListener('touchend', toucherfin);
}