Join FlipAndroid.COM Telegram Group: https://t.me/joinchat/F_aqThGkhwcLzmI49vKAiw


Uso de jquery móvil toque en lugar de haga clic

Estoy realizando una aplicación web que debe ejecutarse tanto en dispositivos móviles como en dispositivos no móviles. En mi aplicación tengo varios iconos que el usuario puede hacer clic para enviar un mensaje a un servidor mediante websockets.

Mi código parece algo así:

$('.button-container').on('tap', '.sender', function() { socket.send('Message'); }); 

El uso de "toque" en lugar de "clic" se hace para proporcionar soporte para el iPad (y otros dispositivos móviles), pero como esto parece un poco de un hack, tengo algunas preocupaciones.

'Tap' parece funcionar en mis navegadores de prueba, Safari 7, Chrome 34 y Firefox 26, (todos no móviles), pero ¿cómo es la compatibilidad con otros navegadores no móviles?

¿También existen problemas conocidos con el uso de 'toque' en 'clic' para los navegadores que no sean móviles?

  • PhoneGap: un mal rendimiento en comparación con el navegador en Android
  • Convierta la aplicación Ruby on Rails en la aplicación Android PhoneGap nativa
  • Escucha tocar y arrastrar el valor y la función en consecuencia
  • Error de entrada con teclado en Galaxy S2 con jQuery Mobile y Phonegap
  • El sonido de los medios de comunicación de teléfono deja de reproducir después de 5 veces
  • Programáticamente agregar evento en iPhone / Android Calendario con PhoneGap / jQuery Mobile?
  • ¿Por qué cordova.exec () se ejecuta en mi aplicación Android PhoneGap (1.7) antes de "deviceready"?
  • Emitir en footable mientras que agrega datos dinámicos
  • One Solution collect form web for “Uso de jquery móvil toque en lugar de haga clic”

    Los eventos especiales de jQuery Mobile, como tap , taphold , vclick … etc, son eventos originales de tacto y mouse convertidos en eventos especiales.

    Por ejemplo, tap y vclick son touchstart / touchend o mousedown / mouseup .

    Al cargar jQuery Mobile, comprueba si el navegador admite el toque y, en consecuencia, los eventos se convierten en eventos de mouse o eventos táctiles .

    Puede alternar entre eventos dependiendo del soporte táctil del navegador. Para los navegadores sin toque, utilice el click y los que soportan el touch , utilice el tap .

    En la puesta en marcha, marque $.support.touch , devolverá true ( tap ) o false ( click ).

     var custom_event = $.support.touch ? "tap" : "click"; $(document).on(custom_event, "element", function () { /* code */ }); 

    Prueba la siguiente demostración en tu escritorio y móvil.

    Manifestación

    FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.