Как вызвать отображение всплывающей подсказки на мобильном телефоне?
Я использовал переменную {onmouseover} для тега <a>, который вызывает функцию сценария для hover.
Следующее:
<a class = "tooltip" href = "#" onmouseover = "tooltip.pop(this, '#tip3', {sticky:true, position:0, cssClass:'no-padding'})">Lorem, ipsum.</a>
Для десктопных страниц это не проблема, но для мобильных страниц это уже не практично.
Я хочу, чтобы переменная {onmouseover} изменилась на {onclick} для мобильного размера (less than 768px).
Это применимо или нет?
Если это применимо, пожалуйста, дайте мне код этой проблемы.
Большое спасибо.
Привет. Объект tooltip определяется в отдельном скрипте. Моя проблема заключается только в преобразовании {onmouseover} в {onclick} размером менее 768 пикселей.
Во-первых, спросите себя, как якорные коды попали в HTML. И как только вы выясните, где и как вы вводили код, поставьте какое-нибудь условие, чтобы вместо этого отображался другой якорь с onclick, когда размер мобильного устройства. Потому что решение зависит от того, как туда попал код привязки. Или, если вы можете проверить это только при загрузке на стороне клиента, вы можете прослушать событие onready, выбрать якорь и вручную добавить атрибут onclick и удалить mouseover, если хотите.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Для взаимодействия с мышью есть событие MouseOver , которое вы уже используете. Для сенсорных экранов есть событие TouchStart. Чтобы достичь того, чего вы хотите, вам, вероятно, придется использовать оба из них. Вы можете указать оба этих обработчика событий на одну и ту же функцию.
Привет. Спасибо. Эта переменная в значительной степени решила мою проблему.
Ключевое слово this будет относиться к окну. Где определяется объект всплывающей подсказки?