móviles de gama Guía paso a cielo

1. Haga clic en ios

Pregunta 1: Elemento de unión directamente al evento de clic del fracaso

Resolución: El evento se puede cambiar de obligar touchend

 

Pregunta 2: touchend caso de encuadernación, largas demoras llevará a una página de diapositivas
Solución: Haga clic método de encapsulación, y calculando el tiempo entre touchstart mayor touchend de 300 mseg, y la dirección de movimiento de 15 píxeles por debajo, que es clics válidos.

 

Pregunta 3: Uso positoin: posicionamiento fijo puede conducir al fracaso de clics

Solución: Uso Postion precaución: posicionamiento fijo. Trate de usar positon: absoluta.

// evitar el deslizamiento cuando el clic evento desencadenante 
TAP función (el sprite se dejó caer, CB) { 
    var tapStartTime = 0, 
        tapEndTime = 0, 
        tapTime = 300, // TAP tiempo de espera, en este evento puede desencadenar el método de liberación 
        tapStartClientX = 0, 
        tapStartClientY 0 =, 
        tapEndClientX = 0, 
        tapEndClientY = 0, 
        tapScollHeight = 15, // dirección horizontal o vertical se determina por la medida 15px cancelado (cantidad de desplazamiento clic cancelación de acuerdo con el determinado navegador cromo predeterminado) 
        cancleClick = false; 
    $ (Documento) .on ( 'touchstart', el sprite se ha caído, function () { 
        tapStartTime = event.timeStamp; 
        event.changedTouches var Touch = [0]; 
        tapStartClientX = touch.clientX; 
        tapStartClientY = touch.clientY; 
        cancleClick = false; 
    })
    $ (document) .en ( 'touchmove', sprite, function () { 
        táctiles var = event.changedTouches [0]; 
        tapEndClientX = touch.clientX; 
        tapEndClientY = touch.clientY; 
        if ((Math.abs (tapEndClientX - tapStartClientX) > tapScollHeight) || (Math.abs (tapEndClientY - tapStartClientY)> tapScollHeight)) { 
            cancleClick = true; 
        } 
    }) 
    $ (document) .en ( 'touchend', sprite, function () { 
        var _Es = $ (this) ; 
        tapEndTime = event.timeStamp; 
        si (cancleClick && (tapEndTime - tapStartTime) <= tapTime!) { 
            cb (_Es); 
        } 
    }) 
} 
//绑定事件
grifo ( "objetivo", de función (_Está) {

});