Red de conocimiento informático - Espacio del host - Cómo utilizar JS para implementar la pantalla táctil en un teléfono móvil

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) ;

}

}