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>

这将阻止移动键盘触发

Answer 2

复制数据后，

隐藏该字段。

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

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

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

2 个答案: