ngx-ionic-long-press

ngx-long-press

About

A IONIC gesture feature, for long press events

Instalation

 npm i ngx-long-press --save

Usage

app.module.ts

import { NgxLongPressModule } from 'ngx-long-press';

@NgModule({
  imports: [
    NgxLongPressModule
  ]
})
export class AppModule {}

add the directive [long-press] and the event callback (didLongPress) to the element you want to listen.

if you want a diferent duration for the press, pass the value as miliseconds on [presss-duration], default = 1500

app.component.html

    <ion-toolbar>
        <ion-title size="large" [long-press] (didLongPress)="alertLongPress()">Blank</ion-title>
    </ion-toolbar>

app.component.ts

export class AppComponent {
  constructor() {}
  public alertLongPress(){
      console.log("user did long press for 1500 ms")
  }
}

Properties

Name	Description	Type	default
(didLongPress)	Emitted when a long-press is capturated.	()=>Void
[presss-duration]	Minimal duration for the press to count	number	default = 1500