Контекстное меню JavaScript и всплывающая подсказка в веб-браузере мобильной платформы

Мне нужно предоставить веб-страницу (созданную для настольных браузеров), чтобы ее можно было использовать в браузерах мобильных платформ.

На моей странице есть таблица (расписание) с ячейками, у которых есть настраиваемая всплывающая подсказка и пользовательское контекстное меню. Некоторые ячейки также являются ссылками. Это означает, что существуют пользовательские события для onmouseover, onmouseout, oncontextmenu и onclick.

В мобильном браузере (на телефоне/планшете Android) нет мыши, поэтому я могу только нажимать (фактически показывает мне всплывающую подсказку или перемещаться в случае ссылки) или долго нажимать (фактически выделяет текст и показывает стандартное меню браузера).

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


person Pavel Hodek    schedule 07.06.2012    source источник


Ответы (1)


Наконец, есть хорошее решение с использованием jQuery для мобильных устройств. jQuery Mobile — это набор плагинов jQuery в одном файле, из которого я взял только плагин событий виртуальной мыши.

Когда я использовал весь плагин, он сломал макет страницы и некоторые функции JavaScript.

Для моего контекстного меню я использовал события vmousedown и vmouseup, потому что taphold не предоставил мне позицию события в объекте Event.

Контекстное меню системы по умолчанию (копировать, поделиться, найти) можно отключить с помощью определения CSS (-webkit-touch-callout: none! important;).

person Pavel Hodek    schedule 15.06.2012