モバイルでブラウザー固有のアクションを引き起こさないホールド可能なWebボタン

Question

私は、ユーザーが刺激に応答してボタンを長押ししなければならないブラウザー・アプリケーションを作ろうとしています。私は、JS audio libのコンセプトの証明としてウェブページを構築しているので、これを行うために依存関係を使うことができます。私はこれを、フロントエンドwhizbangに気を取らないようにすることができる最も軽い方法を（「多くを学ばなければならない」）読むことを望みます。

ボタンに属性href="#"を設定するときに、モバイルOSブラウザがボタンテキストのコピー貼り付けオプションを開く、またはリンクオプションを表示しないようにする方法はありますか。

Answer 1

CSS専用ソリューションが必要な場合は、モバイルビューに一致する@mediaの要素にpointer-events: none;を使用してください。

@media screen and (max-width: 480px) { 
    .class { 
    pointer-events: none; 
    } 
} 

---

のjQuery Mobileはtapholdイベントがあります。

持続的な完全なタッチイベントの後にトリガされます。

次のコードを使用している場合ので、私は推測する、：

$("selector").taphold(function (e) { 
    e.preventDefault(); 
}); 

を上記のコードは、モバイル上で実行され、ここで、我々は、デフォルトの動作を妨げています。