iphoneで長い文章をうまく選択したい

Question

iphoneで長い文章を選択するタップしてスワイプしていくと、とつぜん全選択になったり希望の文章以上に広範囲に四角く選択されることがよくあります。とくに<br>などのhtmlタグをまたいで選択範囲を指定しようとすると問題が起こります。

この問題をサイト側で解決することはできませんか？CSSやjavascriptなどで全選択や広範囲に勝手に選択されることだけ禁止して、希望の文字列だけ選択しやすくしたいです。
よろしくお願いします。

Answer 1

確かにあの挙動には少しイライラしますよね。
ただ、どうも根本的な解決は難しい様に感じています。

<p>や<li>要素など、要素の切れ目が明確な部分では上手く選択できるので、
現状では、なるべくHTMLの構造に気を使う……くらいしか無いのかもしれません。

ただ、ご希望の形とは少しズレているかもしれませんが、CSS3にはuser-selectという、
ユーザーに項目を選択させない様にするプロパティが用意されています。

<p>この部分はドラッグしても選択できなくなります。</p>

p{
  user-select: none;
  -moz-user-select: none; /* for Firefox */
  -webkit-user-select: none; /* for Safari(iPhone) Chrome */
  -ms-user-select: none; /* for IE */
}

一切選択ができなくなるので使い所には注意が必要ですが、
必要な場所にこうしたプロパティを加えると、少しは利便性をあげられるかもしれません。