Як навести курсор на iPad?


13

Чи є спосіб навести курсор на вміст веб-сторінки, переглядаючи його в Safari на iPad? Зокрема, я намагався навести курсор на окремі аватари на домашній сторінці " Запитати різні iPad Contest ". На Mac або ПК це показує, коли людина закінчила рівень на паренні, але мені не вдалося побачити це на iPad.

Відповіді:


10

Якби тут був лише обліковий запис майстра йоди, він може сказати «натиснути або не натиснути, тільки джеді може навести курсор», оскільки деталі реалізації швидко заглиблюються в те, де веб-технології відповідають дизайну взаємодії з людьми.

введіть тут опис зображення

Трохи опустивши цю кролячу нору, він також може зазначити, що хороші веб-розробники знають про клас TouchEvent в Safari, який може розпізнати подія мультитач Touchstart за допомогою взаємодії touchend / touchcancel / touchmove і може бути використаний для надання додаткових відгуків на основі ідеї що торкання цілі матиме видимий ефект на вміст веб-сторінки.

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


3
Справжній рядок - "Зробити чи не робити. Немає спроби", тому вашим має бути "Торкніться чи не торкніться. Наведіть курсор".
видаліть мене,

Але є, бо це те, що робить Люк зі своїм розбитим крилом на болоті;)
stuff

1
Моя перша спроба виступити за йоду була повна провалом - дивіться історію редагування ... Можливо, мені потрібна фотографія йоди, щоб відволікти всіх від цього ...
bmike

Ви маєте на увазі у другому пункті, що touchstartподію можна використовувати як альтернативу висячому? Це потрібно робити в JavaScript? Спасибі!
Бегемот

Я не розумію цієї відповіді. Крім того, питання в тому, як використовувати Safari на iPad, і відповідь, здається, дає поради щодо дизайну веб-сторінок.
Кай Карвер

6

Короткий дотик до зображення, яке має зв'язок із a:hoverвластивістю, активує цей a:hoverдосвід. Більше тривання натискає <a>посилання. На жаль, такої поведінки не спостерігається з <acronym>тегом, який у настільних браузерах діє аналогічно :hover. Ось менш ніж досконалий приклад, протестований на iPhone.


4

Ні, цього немає на сенсорному пристрої. Немає можливості, щоб ваш 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/ та виберіть закладку.


Я не можу створити закладку з цього, тому що, схоже, я можу створювати закладки лише на відкритих сторінках. Але вставлення другої форми в адресний рядок працює і відображає атрибути заголовка!
Бегемот

Гадаю, цей сценарій не стосується сторінки конкурсу, правда?
Бегемот

1
@Hippo Перейдіть на будь-яку сторінку та додайте її як закладку. Потім поверніться та відредагуйте закладку - зараз ви зможете редагувати URL-адресу. Я щойно написав цей сценарій для сторінки конкурсу, але він буде працювати на будь-якій сторінці, що використовує зображення з titleатрибутами.
Mathias Bynens

Ах, я бачу це зараз ... Закладки за замовчуванням не мали опції редагування URL-адрес, що мене бентежило.
Бегемот

1

Спробуйте веб-браузер Puffin для iPad. Курсор у режимі трекпада може навести курсор. Також ви можете дивитися флеш-відео, і це повільно, але принаймні це можливо.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.