🔥 Black Friday: 50% OFF until November 30 on UI Initiative, Swiper Studio, PaneFlow, t0ggles and Start Page HQ 🔥

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!');
});