移动 Safari 无法选择文本或复制到剪贴板

Posted

技术标签:

【中文标题】移动 Safari 无法选择文本或复制到剪贴板【英文标题】:Mobile Safari cannot select text or copy to clipboard 【发布时间】:2014-09-30 20:02:10 【问题描述】:

ios 8 Safari 中遇到无法选择或复制文本的问题。当我用手指按住包含文本的 textarea 元素时,“全选”选项会出现一秒钟,然后在我选择它之前消失。当我终于可以让它选择文本时也会发生同样的情况,我无法从菜单中选择“剪切”或“复制”。

我检查了代码,它只是一个简单的文本区域,在 jQuery 中不会触发焦点和模糊事件。仅在 iOS 8 的实时环境中发生,它不会发生在作为实时版本的直接副本的 dev 上。唯一的区别是www。与开发人员..

是否有任何东西(jQuery 或 iOS 相关)会导致选项像那样消失?

这是一个代码sn-p:

<script type="text/javascript" src="jQuery-2.1.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() 
        $("textarea[name=test]").blur(function() 
            alert($(this).val());
        );
    );
</script>

<textarea name="test" rows="3" cols="60"></textarea>
<button type="button">Only here for blur</button>

提前致谢!

【问题讨论】:

【参考方案1】:

同样的问题,我无法在 iOS Safari 中选择、全选、复制或粘贴。选择的气泡会立即消失。我将其隔离为两件事:

    Adsense 代码 - 每当在页面上显示非响应式(移动)广告时,几乎不可能在这些框中选择文本。

    更新到 HTML - 每当更新到 html 时,例如使用 jQuery.html("") 剪切/复制/粘贴,选择/选择所有气泡会消失。

我可以向 Adsense 团队提交问题,但我仍然需要测试不同的方式来更新 HTML,可能是更新框架而不是元素所在的页面。

【讨论】:

是的,同样的事情仍然在这里发生,但还没有解决方案。我也可以用同样的方式复制。大约在同一时间在 AdSense 论坛上发布了此问题,但没有任何回复。这是帖子的链接:[link]productforums.google.com/forum/#!msg/adsense/Ud-HQXZ6iTQ/… 我现在看到了复制/粘贴方面的一些改进,这让我相信他们正在努力,这很好。

以上是关于移动 Safari 无法选择文本或复制到剪贴板的主要内容,如果未能解决你的问题,请参考以下文章

无法将文本从 WKWebview 复制到剪贴板

如何控制复制到剪贴板的文本

Safari 桌面 Web 共享 API 中缺少“复制”选项?

WebView2 - 选择文本并复制到剪贴板

单击按钮时在剪贴板中复制文本区域的文本

JS pc端和移动端共同实现复制到剪贴板功能实现