タップホールドイベント (ロングタップ)

Framework7には、「タップホールド」イベントと呼ばれるイベントがあります。これは、(有効になっている場合)持続的で完全なタッチイベントの後にトリガーされます。デフォルトでは無効になっており、アプリの初期化時にtouch.tapHold... アプリパラメータを使用して有効化および設定できます。

また、要素に次のCSSルールを追加することで、モバイルブラウザのデフォルトの「ロングタップ」アクションを無効にする必要がある可能性があることに注意してください。

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

例:

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

var $$ = Dom7;

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