スポンサー
Support Framework7

タップホールドイベント(長押し)

Framework7には、いわゆる「タップホールド」イベントがあります。このイベントは、持続的で完全なタッチイベントの後に(有効であれば)トリガーされます。デフォルトでは無効になっていますが、アプリの初期化時に、App parametersを使用して、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!');
});