Long Press
长按
Hold a finger down for about half a second and a row of options appears, or multi-select mode starts.
Live Demo
Actually clickableIMG_0231 Coastline
DSC_4478 City at night
IMG_0155 Old photo
Try pressing and holding any item
What you just saw:Long-pressing an iOS app icon for Delete / Rename / Share, long-pressing an image on Android for Save / Edit / Delete, long-pressing a photo to enter multi-select.
What it actually is
Long press is how you handle the case where there is no second screen to put things on. It tucks low-frequency operations into an unobtrusive duration, but it also creates the "how long am I supposed to hold?" confusion, so visual and haptic feedback are mandatory.
Anatomy · What it's made of
Hold Threshold按住时长
Roughly 500ms
Feedback反馈
Haptics plus a highlight, mandatory
Menu弹出菜单
Or an entry into multi-select mode
Cancel取消
Moving away or releasing cancels
When to Use
When it fits, and when it doesn't| Situation | Use it? |
|---|---|
| You need low-frequency actions without spending screen space | Yes |
| You need to enter multi-select mode | Yes |
| You need dragging but want to guard against accidental triggers | Yes |
| It is the primary action | No |
| Users have no idea they can long press | Depends |
The duration (usually 500ms) must be signalled: haptics plus a visual change, otherwise users think the tap did not register.
Never let a long press carry the only path to a critical action.
Similar Patterns
Don't mix these upLong PressCurrent
长按
Hold a finger down for about half a second and a row of options appears, or multi-select mode starts.
Context Menu
上下文菜单
The row of actions that pops up when you right-click something (or long-press it on a phone).
In one line:Hold a finger down for about half a second and a row of options appears, or multi-select mode starts.
Context Menu
上下文菜单
The row of actions that pops up when you right-click something (or long-press it on a phone).
Swipe Action
滑动操作
Press a list item and slide it left, and actions like delete or archive slide out from underneath.
Drag & Drop
拖拽排序
Press something, drag it to another position, and release — and it moves there.
How to tell AI
Three levels of promptAdd the component name and specifics
Add a long press to list items: after holding for 500ms, fire haptics and open an action menu (Edit / Share / Delete); moving more than 10px or releasing early cancels it.
Don't just say this to AI
Bad → BetterDon't say this to AI
Long press can pop up a menu.
Say this instead
Add a Long Press: start a 500ms timer on pointerdown, clear it once movement exceeds 10px (so scrolling is not hijacked), give both haptic and visual highlight feedback on trigger, position the menu near the press point, and clear the timer on pointerup/cancel.
Share this card
Social-readyTurn this pattern into a 3:4 or 1:1 knowledge card and export it as PNG right in the browser. No backend needed.