タップホールドイベント(長押し)
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!');
});