@talenra/components documentation
  1. Directives
  2. DoubleClickDirective

File

dev-kit/src/double-click/double-click.directive.ts

Description

Support double click event. Double click is catched with doubleClick. Single clicks can still be catched with singleClick. Note that single clicks are emitted delayed as we have to "wait" for a potential second click event. Common click event is not masked and can be used side by side with singleClick and doubleClick.

Example :
<div (singleClick)="onSingleClick($event)" (doubleClick)="onDoubleClick($event)">...</div>

Import

Example :
import { DoubleClickDirective } from '@talenra/components/dev-kit';

Implements

OnInit

Metadata

Selector [singleClick],[doubleClick]

Index

Inputs
Outputs

Inputs

doubleClickDelay
Type : number
Default value : 250

Delay in milliseconds to wait for a second click event to be considered as double click. Default is 250ms.

Example :
<div (doubleClick)="onDoubleClick($event)" [doubleClickDelay]="500">...</div>

Outputs

doubleClick
Type : MouseEvent

Emits double click events.

Example :
<div (doubleClick)="onSingleClick($event)">...</div>
singleClick
Type : MouseEvent

Emits single click events. Note that single click events are emitted delayed by doubleClickDelay milliseconds.

Example :
<div (singleClick)="onSingleClick($event)">...</div>

results matching ""

    No results matching ""