Css hover работает на мобильных устройствах? - PullRequest
57 голосов
/ 11 марта 2010

css hover работает на мобильных устройствах? У меня есть класс css hover, который отлично работает в обычном веб-браузере, но не работает в мобильных браузерах.

Ответы [ 10 ]

33 голосов
/ 11 марта 2010

Псевдоклассу :hover требуется устройство указания (графического ввода), способное различать действия наведение и выбор / активация. Обычно на мобильных устройствах с сенсорным интерфейсом у вас нет первого, только второе. Также некоторые интерфейсы пера позволяют активировать, а не указывать.

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

- W3C: CSS 2.1: селекторы, динамические псевдоклассы

Итак, чтобы ответить на ваш вопрос: это зависит от устройства, но, скорее всего, нет. И не надейся на это. Благодаря тому, что устройства с сенсорным экраном быстро набирают популярность, вы теряете все события, связанные только с указанием.

26 голосов
/ 01 октября 2012

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

Дополнительная информация здесь: http://designshack.net/articles/css/are-hover-events-extinct/

7 голосов
/ 28 ноября 2014

Что спрашивающий подразумевает под словом «работает ли css hover на мобильных устройствах?»?

Он, очевидно, не имеет в виду это буквально, потому что на мобильных устройствах нет такой вещи, как зависание, поэтому она не может работать.

Если он имеет в виду "На мобильных устройствах, если я коснусь объекта со стилем наведения, происходит ли что-нибудь?" ответ - да, но то, что происходит, зависит от устройства / браузера.

В частности, на iPhone / Safari и Android ответ выглядит так, как будто вы написали обработчик события OnClick () с измененным стилем, и это сохраняется до тех пор, пока вы не нажмете на другой объект. В Windows Phone смена стиля происходит, когда вы нажимаете на телефон пальцем, а затем восстанавливает его, когда вы отпускаете его.

Вы можете проверить свое устройство на тестовой площадке, которую я настроил на davidleader.net / mobiledemo.html .

7 голосов
/ 11 марта 2010

Нет, если только устройство не может обнаружить, когда кто-то наводит палец на экран и собирается коснуться. :)

3 голосов
/ 11 марта 2010

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

2 голосов
/ 28 марта 2013

Исходя из моего собственного опыта, он отлично работает на моем iphone4, независимо от браузера (сафари или хром), но не работает должным образом на моем nexus10 с хромом ...

Я использовал: наведите курсор на меню. Когда я говорю «это работает», я имею в виду, что первое касание ведет себя как зависание на рабочем столе, а второе касание ведет себя как щелчок. Когда я говорю «это не работает», я имею в виду, что касание ведет себя как щелчок напрямую ...

0 голосов
/ 08 сентября 2011

: hover работает с браузером по умолчанию для Android, но действительно сложно (для пользователя) запустить hover без одновременного нажатия кнопки.

0 голосов
/ 30 августа 2011

также работает для устройств Blackberry Storm 1, поскольку они имеют сенсорные и щелкающие события из-за их suedo-тактильных экранов.

0 голосов
/ 13 июля 2011

не сработает на устройствах с сенсорным экраном, но работает на мобильных устройствах, где пользователь перемещается с помощью клавиш со стрелками (или на Amazon Kindle)

0 голосов
/ 11 марта 2010

Я бы сказал нет, так как вы не зависаете в мобильном интерфейсе. Вы можете просто нажать, если на сенсорном экране. В противном случае вы просто переходите по ссылкам.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...