- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Есть выпадающее меню, которое выпадает благодаря свойству css:hover Первый (корневой) пункт меню - активный, кликабельный.
Хочу сделать на мобильных устройствах так, чтобы первый клик по этому пункту раскрывал меню, а второй - уже осуществлял переход по ссылке.
Не могу понять как это сделать, потому что на мобильных устройства, клик по этому пункту меню все-таки вызывает сначала срабатывание css селектора :hover а только после этого происходит событие onclick.
Как различить "настоящий" hover от эмулированного мобильным устройством, и, соответственно, в зависимости от этого запрограммировать поведение меню?
Или существует ли какой-то способ, гарантированно и кроссплатформенно, понять что данный евент click произошел не от мышки а от сенсорного экрана?
http://codepen.io/senff/pen/KBlyo
можете попробовать добавить псевдокласс :focus
mugukamil, Проблема в том, что на мобильных устройствах, при нажатии по "This is a title, hover me!" - происходит событие onclick для этого объекта. Нужно сделать чтобы на десктопах onclick происходил, а на тачскринах происходило только разложение меню, а onclick блокировать.
я недавно именно из-за этой заморочки отказался от выпадающего меню на адаптивном сайте
Вообще гуглится чтиво:
тачскрин css hover
тачскрин js
Но среди самых дешёвых мобил ещё и хз что работает, они могут очень простого-привычного не уметь.
Вообще гуглится чтиво:
Гуглится много, но решений нет :(
Посмотрел сайты ФБ, ВК, Ебэй, Али - везде на выпадающих меню ховер или клик вызывают именно открытие меню, но не действие (в т.ч. и на десктопе ). Походу так и придется делать....