javascript - Web“复制到剪贴板”而不触发移动键盘

Question

该JavaScript将预期的文本复制到台式机和移动浏览器上的用户剪贴板中。但是，在移动浏览器上，它会触发手机键盘弹出。

它通过从HTML输入获取字符串来操作，并由HTML按钮启动。

在这里，我输入并定义值并对其进行标识。

<input type="text" value="THIS GETS COPIED" id="CopyThis">

该ID传递给将其复制到剪贴板的函数。

function copy() {
var copyText = document.getElementById("CopyThis");
copyText.select();
document.execCommand("copy");
}

该HTML按钮启动功能。

<button onclick="copy();">

是否有另一种方法可以将文本字符串复制到剪贴板，而不会在移动浏览器上触发电话键盘？

Answer 1

您可以指定输入字段为只读:

<input type="text" value="THIS GETS COPIED" id="CopyThis" readonly>

这样可以防止手机键盘触发