悬停
在计算机领域,悬停是指将 光标 移到交互元素上例如 (链接、按钮或 图标),但不点击它。例如,将光标悬停在 网页上的链接上时,光标可能会从箭头变成手形,链接也可能会改变颜色,以表示可以点击。
网页开发人员可以使用 HTML、CSS 或 JavaScript 添加悬停效果。
- HTML 提供了全局事件属性 onmouseover,可以将其添加到链接或按钮中。
<button onmouseover="myFunction()";>将光标悬停在我上面</button> - CSS 提供了伪类 :hover,用于定义指针悬停在元素上时该元素的外观(例如更改颜色或为文本添加下划线)。
a:hover { color:darkblue; text-decoration: underline; } - JavaScript 提供了 mouseover 和 mouseout 事件,可以使用“EventListener”方法触发函数或其他代码。
myElement.addEventListener("mouseover", function() { ... }
悬停的概念不只适用于网站。许多 操作系统和桌面 应用程序会在你将光标悬停在图标、按钮或菜单上时突出显示它们。有些元素在光标悬停一到两秒后会显示 工具提示。悬停反馈通过在指向和点击之间提供额外信息,让 用户界面更直观。
悬停与触摸屏
由于悬停需要光标,因此通常不适用于 触摸屏,因为触摸屏主要通过点击和手势进行交互。在 移动设备上,设计人员通常使用长按或视觉提示等替代方式来提供类似的反馈。
测试你的知识