¿Cómo paso el mouse sobre el iPad?

¿Hay alguna forma de pasar el cursor sobre el contenido de una página web cuando se visualiza en Safari en el iPad? Específicamente, estaba tratando de pasar el mouse sobre los avatares individuales en la página de inicio del concurso Ask Different iPad . En una Mac o PC, se muestra cuando el individuo completó su nivel de desplazamiento, pero no pude ver eso en el iPad.

Si solo el maestro yoda tuviera una cuenta aquí, podría decir "toca o toca no, solo jedi puede pasar el mouse" ya que los detalles de implementación profundizan rápidamente en dónde la tecnología web se encuentra con el diseño de interacción humana.

Bajando un poco ese agujero de conejo, ^{también podría señalar que los buenos desarrolladores web saben sobre la clase TouchEvent en Safari que puede discernir un evento multitáctil de inicio táctil a partir de una interacción touchchend / touchcancel / touchmove y tal vez se pueda usar para proporcionar comentarios adicionales basados ​​en la idea que tocar un objetivo tendría un efecto visible en el contenido de la página web.}

Es generalmente mal diseño de esperar que toque para reflejar un modelo centrado en el ratón , pero eso no significa que el diseño de este sitio en particular es erróneo. Solo piense detenidamente antes de asumir que hay una forma simple de diseñar para el tacto que depende de eventos simulados de mouseover.

Un toque (muy) breve en una imagen que tiene un enlace con la a:hoverpropiedad activa esa a:hoverexperiencia. Un toque más largo sigue el <a>enlace. Desafortunadamente, este comportamiento no se ve con la <acronym>etiqueta, que en los navegadores de escritorio actúa de manera similar :hover. Aquí hay un ejemplo menos que perfecto, probado en iPhone.

No, no hay forma de hacerlo en un dispositivo táctil. No hay forma de que su iPad detecte que su dedo está flotando sobre su pantalla :) (Aunque técnicamente esto es perfectamente posible, y en teoría podría agregarse a un futuro modelo de iPad).

Sin embargo, puede usar JavaScript para mostrar los titlevalores de los atributos de los enlaces de imágenes en http://thenewipadishere.com/ :

[].forEach.call(document.images, function(element) {
  var span = document.createElement('span');
  span.innerText = element.title;
  element.parentNode.insertBefore(span, element);
});

En forma de marcador:

javascript:[].forEach.call(document.images,function(b){var a=document.createElement("span");a.innerText=b.title;b.parentNode.insertBefore(a,b)});

Copie y pegue eso y agréguelo como marcador en su dispositivo iOS de elección. Luego, visite http://thenewipadishere.com/ y seleccione el marcador.

Prueba el navegador web Puffin para iPad. El cursor en el modo trackpad puede desplazarse. Además, puede ver videos flash, y es lento, pero al menos es posible.