js实现点击复制功能

js yekong

在html页面开发中需要点击复制功能,可以通过execCommand来达到效果。
js实现点击复制功能

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);
}
喜欢