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 the following App paremeters on app initialization:

Parameter Type Default Description
tapHold boolean false Set to true to enable tap hold events
tapHoldDelay number 750 Determines how long (in ms) the user must hold their tap before the taphold event is fired on the target element
tapHoldPreventClicks boolean true When enabled (by default), then click event will not be fired after tap hold event

Note, that Tap Hold is a part of built-in Fast Clicks library, so Fast Clicks should be also enabled.

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;

Example

var myApp = new Framework7({
  tapHold: true //enable tap hold events
});
 
var $$ = Dom7;
 
$$('.some-link').on('taphold', function () {
  myApp.alert('Tap hold fired!');
});