1

iPadだけでなく、新旧のブラウザ（IE7まで）で動作する必要のあるレガシーHTMLがいくつかあります。iPadは、テキスト選択の処理方法のために最大の問題です。ページには、テキストエリアといくつかのテキスト指示があります。指示はに<div>あり、ユーザーは指示を選択できる必要があります。

問題は、テキストエリアにフォーカスが置かれると、ユーザーはその後、でテキスト命令を選択できないこと<div>です。これは、テキストがフォーカスを受け取ることができないためです。

Safari Webコンテンツガイド：イベントの処理（特に「要素をクリック可能にする」）によると、フォーカスを受け取りたいdivにonclickイベントハンドラーを追加できます。

このソリューションはiOS6xでは機能しますが（理想的ではありませんが）、iOS5xでは機能しません。

問題は、入力コントロールにフォーカスがあった後、どうすればページ上のテキストを選択できるかということです。これはiOS5.1以降で機能する必要があります

これが問題を示すサンプルコードです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>

<!--
Resources:
    Safari Web Content Guide: Handling Events (especially, "Making Elements Clickable")
    https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW1
 -->
 </head>
<body>
<div style="width:550">
    <div onclick='console.debug("Click!"); void(0);'>
        <p>On the iPad, I want to be able to select this text after the textarea has had focus.</p>
    </div>
    <textarea rows="20" cols="80">After focus is in the textarea, can you select the text above?</textarea>

</div>
</body>
</html>
4

0 に答える 0