在html页面开发中需要点击复制功能,可以通过execCommand来达到效果。
html
<button onclick="copyName()">复制名称</button>
<input type="text" id="input">
js
var mapName = '123'
function copyName() {
var input = document.getElementById("input");
input.value = mapName; // 修改文本框的内容
input.select(); // 选中文本
document.execCommand("copy"); // 执行浏览器复制命令
}
复制多行
复制多行内容
function copyToClip(contentArray, message) {
var contents = "";
for (var i = 0; i < contentArray.length; i++) {
contents += contentArray[i] + "\n";
}
const textarea = document.createElement('textarea');
textarea.value = contents;
document.body.appendChild(textarea);
textarea.select();
if (document.execCommand('copy')) {
document.execCommand('copy');
}
document.body.removeChild(textarea);
}