Почему на десктопе нужен один клик, а на телефоне — два?

Question

[Nikita Shchypylov]

Всем привет

Есть такой сайт : evrooptika.ua/women

Есть нажимать на пункты, на которые указаны стрелки в веб-инспекторе на 320 - то логика срабатывает сразу.
Если захожу с айфона, то нужно два клика(сначала якобы отрабатывает ховер по нажатию(ват?) , а потом по второму клику - логика).
Никогда с таким не сталкивался, буду благодарен помощи
Спасибо

Answer 1

[xmoonlight]

1. Нужно промониторить события на iPhone, возможно там оно проксируется через wrapper неверно через JS-скрипт.
2. Самому перехватить правый клик (или отключить) и обработать.

UPD:
1. Попробуйте добавить вот это в CSS для тэга body:

-webkit-touch-callout: none;     /* prevent callout to copy image, etc when tap to hold */
-webkit-text-size-adjust: none;  /* prevent webkit from resizing text to fit */
-webkit-user-select: none;         /* prevent copy paste, to allow, change 'none' to 'text' */

2. Можно вешать hover-классы только на НЕ TOUCH-девайсы через JS:

var isTouch =  !!("ontouchstart" in window) || window.navigator.msMaxTouchPoints > 0;

if( !isTouch ){
    // add class which defines hover behavior
}

3. Или через CSS media queries: код

Comments

[Nikita Shchypylov]

Что-то я ничего не понял
1)Как я могу отследить клик на телефоне в сафари?Там же нет веб-инспектора
2)Как его перехватить?На декстопе же корректно отображается

[xmoonlight]

Nikita Schipilov: ну да... если нет веб-инспектора - то уже и не отследить)))) Подписываетесь на событие (кодом JS) и выводите лог себе куда хотите.

[Nikita Shchypylov]

xmoonlight: Спасибо за ответ, но мне помог ответ ниже. Спасибо еще раз за внимание

[xmoonlight]

Nikita Schipilov: ну надеюсь то, что я смог найти - поможет еще более. Спасибо!

[Nikita Shchypylov]

xmoonlight: Да, я сделал как в третьем пункте. Отдам вам решение, надеюсь, парень снизу не будет грустить

Answer 2

[fetis26]

Это стандартное поведение любого мобильного браузера. Если есть hover, то первый тап покажет его.
Вам нужно убрать hover из стилей для мобильников и все заработает.

Comments

[Nikita Shchypylov]

Спасибо