Как отменить :hover для айпада?

Question

[Владимир]

Верстаю кастомный контрол, в котором надо выбрать количество пассажиров. 4 человечка в ряд, когда кликаешь на человечка, он добавляется. При наведении появляется плюсик/крестик. Проблема в том, что на айпаде hover обрабатывается при нажатии, поэтому приходится нажимать 2 раза. Хочется сделать так, чтобы на айпаде hover как бы игнорировался и сразу происходило событие клика.

Answer 1

[Денис Инешин]

1. Проверять на поддержку touch-событий
2. Если поддерживает, то использовать нативные события вместо мышиных (touchstart вместо click например)

Answer 2

[Alex Pro]

Если я правильно понял, то вот например:

function is_touch_device() {
  return !!('ontouchstart' in window);
}

Есть также вариант использовать modernizr который проставит классы(.touch например), а :hover уже приделать к классам не тач устройств.