Tooltip vs Popover
「旁边弹个小东西」的两种
我需要一个从某处浮出来的小浮层，用哪个？
对比表
| Pattern | 触发方式 | 能放什么 | 能点 | 典型场景 |
|---|---|---|---|---|
| Tooltip文字提示 | 悬停 / focus | 只有文字 | 不能 | 解释图标、缩写 |
| Popover浮出层 | 点击 | 菜单、表单、任意内容 | 能 | 操作面板、选择器 |
← 左右滑动查看完整表格
真实 Demo 对比
Tooltip
文字提示怎么判断：「这玩意是干嘛的」
Popover
浮出层怎么判断：「从这里选一个 / 填一下」
选型决策
- 只是想告诉用户这个名字/含义Tooltip
- 浮层里要能点、能选、能填Popover
- 移动端为主要平台别依赖 Tooltip（触屏难触发），用可见文字
一句话区分：Tooltip 只能「看」，Popover 能「用」。如果你的浮层里出现任何可点的东西，那就不是 Tooltip。