Cómo utilizar JS para implementar la pantalla táctil en un teléfono móvil
//html5?New?touch?event
//Deshabilitar el comportamiento de desplazamiento de la pantalla táctil predeterminado de los teléfonos móviles
document.addEventListener('touchmove', ? función(evento)?{
event.preventDefault();
},?false);
//evento touchstart
function?touchSatrtFunc(evt)?{
try?{
//evt.preventDefault();?//Evita que el navegador haga zoom, se desplace por la barra de desplazamiento, etc.
p>var?touch?=?evt.touches[0];?//Obtener el primer punto de contacto
var?x?=?Number(touch.pageX);? // Coordenada X del punto de contacto de la página
var?y?=?Number(touch.pageY);?//Coordenada Y del punto de contacto de la página
//Registra la posición inicial de punto de contacto
startX?=?x;
startY?=?y;
}?catch?(e)?{
alert('touchSatrtFunc :'?+?e.message);
}
}
//evento touchmove, este evento no puede obtener coordenadas
function?touchMoveFunc(evt)?{
try?{
//evt.preventDefault();?//Evita que el navegador haga zoom y se desplace por la barra de desplazamiento , etc.
p>var?touch?=?evt.touches[0];?//Obtener el primer punto de contacto
var?x?=?Number(touch. pageX);?// Coordenada X del punto de contacto de la página
var?y?=?Number(touch.pageY);?//Coordenada Y del punto de contacto de la página
// document.getElementById("version") .innerHTML?=?"Original:"+startY+""+"Now:"+y;
//Determinar la dirección de deslizamiento
si ?(y?-?startY?> ?100)?{
swipeDown();
}?else?if(y?-?startY?
swipeUp( );
}
}?catch?(e)?{
alert('touchMoveFunc:'?+ ?e.message);
}
}
//evento touchend
función?touchEndFunc(evt)?{
try?{
//evt.preventDefault();?//Evitar el zoom del navegador, el desplazamiento de la barra de desplazamiento, etc. al tocar
}?catch?( e)?{
alert('touchEndFunc:'?+?e.message);
}
}
// Evento vinculante
función?bindEvent()?{
document.addEventListener('touchstart',?touchSatrtFunc,?false);
document.addEven
tListener('touchmove',?touchMoveFunc,?false);
document.addEventListener('touchend',?touchEndFunc,?false);
}
//Determinar si se admiten eventos táctiles
function?isTouchDevice()?{
//document.getElementById("version").innerHTML?=?navigator.appVersion;
intentar?{
document.createEvent("TouchEvent");
//alert("¡El evento TouchEvent es compatible!");
bindEvent ();?//Evento de enlace
}?catch?(e)?{
alert("¡El evento TouchEvent no es compatible!"?+?e.message) ;
}
}