PhoneGapで長押しした場合のテキスト選択を無効にする
PhoneGapで作成したiPhoneアプリのプロジェクトで、長押しした場合のテキスト選択はCSSに下記を記述することで無効にできます。
* {
-webkit-touch-callout: none;
-webkit-user-select: none;
}
PhoneGapでプロジェクトを作成した場合にできるwww/css/index.cssでは下記のようにbodyに対して記述されてるのですが、これだとうまくいかないことがある為、*に対して記述します。
* {
-webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}
body {
-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
background-color:#E4E4E4;
