iphone - iOS 6 虫眼鏡クリックの回避策

Question

jQueryUI を使用して、いくつかの項目をリストから別の項目にドラッグしています。モバイル デバイス、特にタッチ駆動型デバイスの場合、ユーザーはリスト項目を押してドラッグを開始するまで待機する必要があります。これは、スクロール機能が無効にならないため必要です。

現在、iOS 6.0 では、ユーザーが同じリスト項目を押し続けると、虫めがねが表示され、ドラッグのタスクが難しくなります。

このための（おそらく）CSSまたはjQueryソリューションを知っている人はいますか？

前もって感謝します。

Answer 1

選択すると虫眼鏡が表示されます。

したがって、通常のクロスブラウザuser-selectをリストアイテムに追加します。

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

そして、適切な測定のために、touch-callout

-webkit-touch-callout: none;

これがデモです：http：//jsfiddle.net/MadLittleMods/3tzkc/