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

← Active State

Touch Ripple →