tooltip - 如何为多个控件显示单个工具提示

Question

我有许多不同的控件，我想显示相同的工具提示。问题是“for”属性似乎是单个值。有没有办法让单个工具提示响应鼠标悬停在多个控件上。

Answer 1

您可以使用以下步骤为所有控件设置一个工具提示

1. 创建一个 div 元素
2. 为 div 设置 style.display = 'none'
3. 将其附加到文档的正文
4. 在 mouseover 事件中，使用 evt.clientX 和 evt.clientY 获取鼠标坐标，然后设置 style.display = 'block' style.position = 'absolute' style.top = evt.clientY +'px' style.left = evt.clientX + 'px' 为 div