Javascript 如何在圆形图像中悬停或单击内容并在移动设备上显示

我有一个圆形的图像： 我想做的是鼠标在各种颜色框上悬停（或点击），在中间和右边显示文本/内容。问题是，我如何才能使它也在移动设备上按预期显示

---

任何让我开始学习的指南/例子都非常有帮助，谢谢

据我所知，悬停功能不适用于移动设备。

---

我的意思是，您不能在移动设备上悬停以查看效果的发生。

如果您希望不同的部分可以单击/悬停，您可以使用坐标或面积/类似标记来执行此操作

移动设备上不支持

：hover

状态（在大多数情况下，单击元素时会调用该状态），因此您可能希望改为调用单击事件

---

通过应用click函数，您可以应用希望通过jQuery获得的效果。对于中间和右边的文本，这可以通过css实现。（对于一般性的回答，我感到抱歉，但我正在通过手机回复，目前这是我能做的最好的回答）点击是可以的，如果要求点击，是否可能？有什么能让我开始的例子吗？谢谢