Як навести курсор на 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.