Detects long-press gestures via Pointer Events
CngxLongPress
DirectivePrimaryv0.1.0WCAG AA
projects/common/interactive/gestures/long-press.directive.ts
Import#
import { CngxLongPress } from '@cngx/common/interactive'
Description#
Detects long-press gestures via Pointer Events.
Fires longPressed after the pointer is held down for the threshold duration
without moving more than 10px. Cancels on pointer move (prevents accidental
triggers during scrolling), pointer up, pointer cancel, and pointer leave.
Exposes longPressing signal for real-time visual feedback while the user holds.
Context menu on long press
<div cngxLongPress (longPressed)="showContextMenu($event)">
Long press me
</div>With visual feedback
<div cngxLongPress #lp="cngxLongPress"
[class.holding]="lp.longPressing()">
Hold for action
</div>