JS复制内容到剪切板兼容各种浏览器和移动端

document.execCommand()方法

先看看这个方法在 MDN 上是怎么定义的：

which allows one to run commands to manipulate the contents of the editable region.

意思就是可以允许运行命令来操作可编辑区域的内容，注意，是可编辑区域。

定义

bool = document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)

方法返回一个 Boolean 值，表示操作是否成功。

• aCommandName ：表示命令名称，比如： copy, cut 等（更多命令见命令）；
• aShowDefaultUI：是否展示用户界面，一般情况下都是 false；
• aValueArgument：有些命令需要额外的参数，一般用不到；

 

const input = document.createElement('input');
    document.body.appendChild(input);
    input.setAttribute('readonly', 'readonly');/////控制移动端闪屏
    input.setAttribute('value', '1111111');/////复制内容
    input.setSelectionRange(0, 9999);/////控制复制内容多少
    input.select();
    if (document.execCommand('copy')) {
        document.execCommand('copy');
        console.log('复制成功');
    }else{

      console.log('该浏览器不支持此功能');

   }
    document.body.removeChild(input);