跳转到内容

前端与界面 · DEFINED TERM

Tooltip 工具提示

悬停或聚焦时解释一个简短控件或术语。

你可能会这样说“图标按钮没有文字,悬停时显示“复制链接”。”

VISUAL EXAMPLE

先看懂它怎么工作

INPUT图标按钮没有文字,悬停时显示“复制链接”。
获得悬停或焦点
显示短说明
离开后关闭
CHECK键盘聚焦也能出现,不遮挡目标,触屏有替代说明

MECHANISM

运行机制

  1. 获得悬停或焦点
  2. 显示短说明
  3. 离开后关闭

USE WHEN

适合这样用

图标名称、缩写和补充定义

NOT FOR

不要这样理解

不能承载必须阅读的关键信息

TELL YOUR AGENT

可直接发给 Agent

请按“Tooltip 工具提示”的概念处理这个需求:图标按钮没有文字,悬停时显示“复制链接”。。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

键盘聚焦也能出现,不遮挡目标,触屏有替代说明

OFFICIAL SOURCES

官方来源