Estamos desarrollando una Web-App, que se inicia en el Escritorio y en las tabletas (iPad, Android o una superficie). Ahora estamos construyendo nuestro propio teclado por número de entradas. Cuando se establece el foco en un campo de entrada con un mousclick, la costum se abrirá el teclado correcto. Pero cuando se establece el foco a la entrada con un tocado haga clic en (tableta), el teclado por defecto se abre también. Nuestra idea es, para detectar si hubo un clic del ratón o un tocado haga clic en. Si se trata de un tocado haga clic en, se puede establecer el readonly=»true» propiedad a la entrada, por lo que el teclado por defecto en un presentado no deslice.

Hay una forma de detectar o de verificación que «tipo» de clic en él fue (tocado o ratón).

OriginalEl autor MrBuggy | 2016-05-09

1 Comentario

  1. 1

    @Zakaria Acharki

            <script type="text/javascript">
            $(document).ready(function(){
                $(".cCostumeKeyboard").on("click touchstart",function(e){
                    if(e.type=="click") {
                        alert("Mouse");
                        alert(e.type);
                    }
                    else if(e.type=="touchend"){
                        alert("Touch");
                        alert(e.type);
                        e.preventDefault();
                        e.stopPropagation();
                    }
                }); 
            });
        </script>

    Probar este fragmento de código en un dispositivo táctil. Se muestra después de la primera vez que toque una entrada de seguir:

    • Alerta: «Toca»
    • Alerta: «touchend»
    • Alerta: «Ratón»
    • Alerta: «haga clic en»
    «touchend» en lugar de «touchstart» en el onclick 🙂
    Un toque evento también se activa un evento click. Haga clic en el evento que viene después de la touchstart o touchend eventos. Para detectar la touchend y, a continuación, preventDefault() antes de que el evento click de los incendios.

    OriginalEl autor MrBuggy

Dejar respuesta

Please enter your comment!
Please enter your name here