使用 JavaScript 激活（显示）'title' HTML 属性答案

【问题标题】：Activate (show) 'title' HTML attribute using JavaScript使用 JavaScript 激活（显示）'title' HTML 属性
【发布时间】：2021-11-24 02:14:26
【问题描述】：

我有一个网站，其中静态文本的翻译显示为“悬停”（当用户将鼠标悬停在 HTML 元素（例如 h1、标签、跨度）上时）。此行为是使用 'title' HTML 属性实现的。

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

【问题讨论】：

如果你能解释一下，你是如何在触摸屏上“悬停”的......
我没有。我想到了一秒钟的触摸并按住手势，这将触发 JS 代码，这反过来将激活（显示）HTML 元素的标题。
“按住手势一秒钟”与鼠标右键单击几乎相同。
即便如此，您对如何在触摸屏设备中实现“悬停时显示标题”功能有什么建议吗？
再次：触摸屏没有这样的功能，这是不可能的。您可以在屏幕上实现类似点击，然后拖动元素，但这不是标准行为，它不值得所有工作，因为您的用户不知道它。通常，触摸屏上的悬停效果会替换为可点击的小图标。

【解决方案1】：

触摸设备中的悬停事件不像在 PC 和笔记本电脑中那样工作。

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

所以标题文本在用户点击时显示，在用户点击屏幕上的其他位置后消失。

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

有一些解释here

【讨论】：