1

我有一些旧版 html 需要在新旧浏览器（低至 IE7）以及 iPad 上运行。iPad 是最大的问题，因为文本选择的处理方式。在页面上有一个文本区域以及一些文本说明。说明在 a<div>中，用户需要能够选择说明。

问题是一旦将焦点放在文本区域中，用户就无法随后选择<div>. 这是因为文本无法获得焦点。

根据 Safari Web 内容指南：处理事件（尤其是“使元素可点击”），您可以将 onclick 事件处理程序添加到要获得焦点的 div 中。

此解决方案在 iOS 6x 中有效（尽管并不理想），但在 iOS 5x 中无效。

问题是，如何在输入控件获得焦点后选择页面上的文本。这需要在 iOS 5.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