Long Press
长按
手指按住不放半秒,弹出一排选项或者进入多选模式。
Live Demo
真的可以点IMG_0231 海岸线
DSC_4478 城市夜景
IMG_0155 旧照片
按住任意一项试试
你刚才看到的这个:iOS 长按 App 图标弹出「删除 / 重命名 / 分享」,安卓长按图片弹出「保存 / 编辑 / 删除」,长按照片进入多选。
它到底是什么
Long Press 是「没有第二层屏幕时」的处理方式。它把低频操作藏进一个不显眼的时长里——但也带来了「我不知道要按多久」的困惑,所以必须有视觉和触觉反馈。
Anatomy · 它由什么组成
Hold Threshold按住时长
约 500ms
Feedback反馈
震动 + 高亮,必须有
Menu弹出菜单
或进入多选模式
Cancel取消
移开或松手即取消
When to Use
什么时候该用 / 不该用| 情况 | 推荐 |
|---|---|
| 需要有低频操作但不想占用界面空间 | 用 |
| 需要进入多选模式 | 用 |
| 需要拖拽但想限制误触 | 用 |
| 这是主要操作 | 不用 |
| 用户不知道可以长按 | 视情况 |
长按的时长(通常 500ms)必须给反馈:震动 + 视觉变化,否则用户以为没点到。
不要用长按承载唯一的关键操作。
Similar Patterns
别搞混一句话区分:手指按住不放半秒,弹出一排选项或者进入多选模式。
怎么告诉 AI
三层 Prompt补上组件名和具体内容
给列表项加长按:按住 500ms 后震动并弹出操作菜单(编辑/分享/删除),手指移动超过 10px 或提前松手则取消。
不要只对 AI 说
Bad → Better不要这样对 AI 说
长按可以弹出菜单。
改成这样说
加 Long Press:pointerdown 启动 500ms 定时器,move 超过 10px 距离即清除(避免误触滚动),触发时震动 + 视觉高亮双重反馈,菜单定位在长按点附近,pointerup/cancel 清除定时器。
分享这张卡
社交平台友好把这个 Pattern 做成 3:4(小红书)或 1:1(X / Reddit)的知识卡片,在浏览器里直接导出 PNG,不需要后端。