目录↑

原生js复制到剪切板

By blockXun

原生JS制作复制按钮

思路是用js来模拟用户操作,首先选中想要复制的内容,进行然后复制操作

document.querySelector('button').onclick = function () {
    // 创建一个textarea用来存储要复制的信息
    var copyContent = document.createElement('textarea');
    // 放入要复制的信息
    copyContent.innerHTML = `dla1111111111111s`
    // 插入节点
    document.body.appendChild(copyContent);
    // js控制选中textarea中的内容
    copyContent.select();
    // 执行复制命令***
    document.execCommand('Copy')
    // 删除节点
    document.body.removeChild(copyContent)
}

兼容ie10+

或者使用插件Clipboard.js