javascript - 使用 Javascript 在 iPad 2 上获取选定的文本

Question

我正在开发一个 web 应用程序，它允许选择 html 文档的一部分并在其上添加某种注释。为了获取我使用的选定文本 window.getSelection()，它在 IE9、FF 和 Safari 中运行良好。但是，在我的 iPad 2 上使用同一页面时遇到了麻烦：

如果我只是通过点击它来选择一个单词，window.getSelection()返回正确的选择。
如果我创建一个文本范围（如此处所述http://blog.laptopmag.com/how-to-select-copy-and-paste-text-on-the-ipad）总是返回“null”。我已经检查了窗口、文档和相关的事件对象——但没有成功……

任何帮助将非常感激！

编辑：只是一个小例子。选择文本并按下按钮。在 Safari (PC) 上，该函数打印所选值...

<html>
    <body>
        <script>
            function a() 
            {
                alert(window.getSelection());
            }
        </script>
        Hello World! <input type="button" onclick="a();"
    </body>
</html>

score 2 · Accepted Answer

好吧，我终于解决了这个问题：蒂姆假设点击事件导致选择崩溃。我认为这是相当奇怪的行为，因为在常规 Safari 上不会发生这种情况。

但是，解决方案是不使用点击事件。而不是我使用 jquery mobile 提供的“vlick”。

完整的工作示例：

<!DOCTYPE html> 
<html> 
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body> 
    Hello World! <input type="button"  id="button1" /> 

    <script> 
        function a()  
        { 
            alert(window.getSelection()); 
        } 

        $("#button1").bind("vclick",a);
    </script>       
</body> 
</html>

javascript - 使用 Javascript 在 iPad 2 上获取选定的文本

1 回答 1

Related

Reference