Articles of touch

¿Funcionará este código de manejo de eventos en todos los dispositivos táctiles?

Me gustaría saber si esto funcionará en dispositivos táctiles. ¿Alguien puede ofrecer una mejor solución para dispositivos táctiles? ¿Sería mejor usar JQuery móvil? Nota: cuando pregunto “funcionará”, no estoy hablando del código fuente, sino del método de cómo manejar los dispositivos táctiles. Lo he probado en mi tableta. Funciona, pero no estoy seguro de cualquier […]

El controlador de eventos táctiles anula los controladores de clics

Estoy creando una directiva arrastrable personalizada en AngularJS. Es una combinación de eventos jQuery y javascript de vainilla. Estoy tratando de hacer esto tan genérico y reutilizable como sea posible, y también tiene que ser táctil. TL; DR No puedo hacer clic en el botón de mi directiva arrastrable en entornos táctiles. Pasos para reproducir: […]

El evento del mouseover que controla el mouseover para dispositivos táctiles hace que se active el evento de clic incorrecto

Tengo un problema con la forma en que los navegadores manejan los eventos de mouseover y mouseleave en dispositivos táctiles. Tengo un elemento A que muestra y oculta otro Element B cuando pasas el mouse. Elemento B es un botón con un evento de clic. Esto está perfectamente bien cuando se usa un mouse, pero […]

Desbordamiento de desplazamiento no funciona en la pantalla táctil de Android

Tengo un div que se desplaza bien en un navegador de escritorio, pero en un dispositivo móvil con pantalla táctil, el desplazamiento no funciona. Aquí hay un jsFiddle reducido con bits de código real. El desplazamiento funcionará bien para usted en su navegador móvil, pero confíe en mí cuando le diga que exactamente el mismo […]

JQuery .on (“clic”) activa “mouseover” en el dispositivo táctil

Me encuentro con un comportamiento no deseado al usar $.on(“click”, function(){}); JQuery $.on(“click”, function(){}); en dispositivos táctiles. Este es mi código a continuación: Código: $(“.team”).on(“mouseover”, teamMouseOver); $(“.team”).on(“mouseout”, teamMouseOut); $(“.team”).on(“click”, teamThumbClicked); function teamMouseOver(event){ console.log(event.type); } function teamMouseOut(event){ // Do something } function teamThumbClicked(event){ console.log(“Clicked!”); } Problema: Con el código anterior, al tocar un elemento .team en […]

Usando eventos de tap con Twitter Bootstrap

Estoy usando twitter-bootstrap para desarrollar una aplicación web que se pueda procesar en múltiples dispositivos. Ahora me gustaría manejar el evento ‘tap’. Así que mi pregunta aquí es: ¿Puedo manejar el evento ‘tap’ usando jquery 1.7.2 sin usar jqueryMobile? Si la respuesta a la pregunta anterior es no, entonces ¿cómo integro jqueryMobile con twitter-bootstrap? Porque […]

¿Cómo jquery implementaría eventos táctiles para dispositivos móviles?

Esta es más una pregunta conceptual. Después de leer sobre Jquery Mobile, me puse a pensar en cómo se podrían implementar eventos táctiles como “tap” o “frotar” con javascript simple. Dado que Jquery Mobile se basa en javascript, ¿eso significa que el equipo de Jquery puede agregar eventos personalizados a javascript de vainilla como ontap […]

jQuery UI arrastrable pantalla dividida

Tengo un control deslizante de pantalla dividida que funciona bien en el escritorio pero necesitaba jQuery UI para que funcionara en el móvil. El evento que se puede arrastrar me permite arrastrarlo hacia adelante y hacia atrás, pero a veces la imagen de la izquierda se mueve desde su posición original o desaparece por completo. […]

Encuadernación de eventos con Hammer.js y .on ()

Hammer.js agrega javascript touch y soporte de gestos a mi aplicación web. Mi problema radica en el uso de .hammer () con elementos DOM que no existen hasta que un .ajax () llama al documento listo. Anteriormente, he usado algo como: $(‘#parent’).on(‘click’, ‘.child’, function(e){ $(this).hammer()… }); Pero, necesito poder vincular el evento con Hammer sin […]

Alternar div al hacer clic o tocar y ocultar al hacer clic / tocar fuera

Estoy intentando admitir eventos de mouse y touch para un div que quiero mostrar y ocultar. Los eventos de mi mouse funcionan bien, pero no estoy seguro de cómo hacer que esto funcione en un dispositivo táctil (iPhone, iPad o teléfono con Android). La interacción debe ser que cuando un usuario haga clic o toque […]