Состояние наведения на мобильных устройствах/планшетах

Question

У меня есть информация, которая появляется над div, когда вы наводите на нее курсор на рабочем столе, но также выступает в качестве гиперссылки. Мобильный и планшет, очевидно, вы не можете нависнуть над этими элементами, поэтому он просто отправляется в пункт назначения, не показывая информацию ранее. Есть ли все равно, чтобы эти элементы отображали информацию при касании, а затем перешли к месту назначения гиперссылки, когда снова коснулись CSS?

Вот страница: http://thefooddepot.org/donations

Благодарим Вас за помощь заранее.

Answer 1

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

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

Наложение, конечно же, будет иметь собственный обработчик кликов, который затем приведет пользователя к конечной цели.

Чтобы определить, находитесь ли вы на сенсорном устройстве, вы можете использовать библиотеку modernizr и искать класс .touch, который добавляется библиотекой, или использовать любое другое число методов для detect the device type.