使用 JavaScript 激活(显示)“标题”HTML 属性

问题描述 投票:0回答:2

我有一个网站,其中静态文本的翻译显示为“悬停”(当用户悬停在 HTML 元素(例如 h1、label、span)上时)。此行为是使用“title”HTML 属性实现的。

一些用户正在使用iPad浏览网站,所以我需要知道是否可以结合iPad的触摸手势来激活(显示)'title'属性。更具体地说,我想知道是否可以使用 JavaScript 显示标题(因为它是用鼠标悬停的)。

javascript html ios ipad safari
2个回答
0
投票

触摸设备中的悬停事件与在 PC 和笔记本电脑中的工作方式不同。

在触摸设备中,
当用户点击元素时触发悬停事件,当用户点击其他地方时关闭。

所以当用户点击它时标题文本会显示,并且在用户点击屏幕上的其他地方后它会消失。

如果您希望当用户将他/她的手指放在元素上时显示标题元素(触摸它)您必须处理 html 触摸事件并创建自己的工具提示。

这里有一些解释


0
投票

我有相同的用例,这就是为什么我创建了一个小型的独立实用程序类来优雅地处理桌面和移动设备的此功能。

信息弹出窗口

希望对你有帮助

© www.soinside.com 2019 - 2024. All rights reserved.