Как мне парить на iPad?

Есть ли способ навести курсор на контент на веб-странице при просмотре в Safari на iPad? В частности, я пытался навести курсор на отдельные аватары на домашней странице конкурса «Спросите другой iPad» . На Mac или ПК это показывает, когда человек достиг своего уровня при зависании, но я не смог увидеть это на iPad.

Если бы только мастер Йода имел здесь учетную запись, он мог бы сказать «коснитесь или коснитесь, только джедай может парить», поскольку детали реализации быстро углубляются в то, где веб-технологии встречаются с дизайном взаимодействия с человеком.

Пройдя немного ^дальше по этой кроличьей норе, ^{он также может указать, что хорошие веб-разработчики знают о классе TouchEvent в Safari, который может отличить событие мультитач Touchstart от взаимодействия Touchend / TouchCancel / TouchMove и, возможно, будет использоваться для предоставления дополнительной обратной связи на основе идеи. это касание цели будет иметь видимый эффект на содержание веб-страницы.}

Это вообще плохой дизайн , чтобы ожидать прикосновения к зеркалу мыши ориентированной модели , но это не означает , что дизайн этого конкретного сайта является неправильным. Просто подумайте, прежде чем предполагать, что есть простой способ разработки для касания, который зависит от событий имитации мыши.

(Очень) короткое нажатие на изображение, которое имеет ссылку со a:hoverсвойством, активирует этот a:hoverопыт. Более длинный тап переходит по <a>ссылке. К сожалению, такое поведение не наблюдается с <acronym>тегом, который в настольных браузерах действует аналогично :hover. Вот менее совершенный пример, протестированный на iPhone.

Нет, это невозможно сделать на сенсорном устройстве. Ваш iPad не сможет обнаружить, что ваш палец завис над его экраном :) (Хотя технически это вполне возможно, и теоретически его можно добавить в будущую модель iPad).

Вы можете использовать JavaScript для отображения titleзначений атрибутов ссылок на изображения на http://thenewipadishere.com/, хотя:

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

В форме букмарклета:

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

Скопируйте и вставьте его и добавьте в качестве закладки на любое устройство iOS. Затем посетите http://thenewipadishere.com/ и выберите закладку.

Попробуйте веб-браузер Puffin для iPad. Курсор в режиме трекпада может зависать. Кроме того, вы можете смотреть флэш-видео, и это медленно, но, по крайней мере, это возможно.