javascript - 在移动 Chrome 中选择要复制的 URL

Question

我已经尝试了一段时间，并搜索并搜索解决方案，但到目前为止没有结果。

问题:

我在网页中有一个 URL，我想整体选择该 URL 以从移动浏览器复制它。 对于 Firefox，我使用文本类型的只读输入，并通过单击事件监听器在输入上触发 select() 。这在移动 FF 上就像一个魅力。

对于 Safari，还有一种解决方法，甚至可以在单击时触发复制对话框。

使用 Chrome，我无法实现这一目标。

Chrome 存在问题 here这表明从只读输入中进行选择不起作用(这仍然是事实，经过测试)。

通过使用标签:

<label id="fileLink" type="text" class="link fakeInput" />

，一种从here中选择文本的方法和

$('#fileLink').click(function() { markieren(this) });

，我可以通过单击来选择 URL。但这不会触发复制对话框。通过按住 url 来复制它，它只会选择其中的一部分，然后我必须手动选择整个 url 来复制它。

我无法想象，没有解决方法。

更清楚地说:对于我在 javascript 中使用的 FF:

$('#pFileLink').append('<input id="fileLink" type="text" class="link" readonly="readonly" />');
$('#fileLink').click(function() { this.select(); });
$('#fileLink').val(url)

有人知道如何解决移动版 Chrome 的这个问题吗？

Answer 1

“不会触发复制对话框”是什么意思？目前您还无法访问 Chrome 中的剪贴板。

您可以提醒链接，使用带有输入类型文本(非只读)的提示或“模式框”以及选定的文本，以便用户可以复制它。