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