网页“复制到剪贴板”不触发移动键盘

Question

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

它通过从 HTML 输入中获取字符串并由 HTML 按钮启动。

在这里我输入并定义值和ID。

<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>

这会阻止手机键盘触发

Answer 2

复制完数据后隐藏该字段。

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

setTimeout(function() {
        copyText.setAttribute('style', 'display:none;');
    }, 50);
}