Meet our new project:Cladd — A React UI kit for building actual appsAll-newPaneFlow v2 is hereAll-newSwiper Studio v2 is heret0ggles —now with a free plan!Start Page HQ —now with a free plan!

Tap Hold Event (Long Tap)

Framework7 has so called "tap hold" event. It triggers (if enabled) after a sustained, complete touch event. By default it is disabled and could be enabled and configured using touch.tapHold... App parameters on app initialization.

Also note, that you probably will need to disable mobile browser default "long-tap" actions by adding these CSS rules to elements:

-moz-user-select: none;
-webkit-user-select: none;
user-select: none;

For example:

var app = new Framework7({
  touch: {
    tapHold: true //enable tap hold events
  },
});

var $$ = Dom7;

$$('.some-link').on('taphold', function () {
  app.dialog.alert('Tap hold fired!');
});