我的项目中遇到了复制粘贴需要,在小程序外面比拟好办,间接应用api接口setClipboardData,然而在h5页面外面就略微麻烦点。须要借助输入框的select性能,能够应用textarea或者input。

一般H5页面,下应用办法如下:
    <textarea readonly  rows="1" id="copy">12345</textarea>    <span @click="copy">复制</span>    var copyObj=document.getElementById("copy");    copyObj.select();    document.execCommand("Copy");     alert('复制胜利);

第二次应用uni-app做的vue我的项目,打包成h5,因为组件textarea会被编译成上面这样子:

此时id="copy"不是在原生的textarea下面,所以下面的办法行不通。还是百度找到上面的方法:

let textarea=document.createElement('textarea')textarea.setAttribute('style','position:fixed;top:0;left:0;opacity:0;z-index:-10;');let text=document.createTextNode('12345');textarea.appendChild(text);document.body.appendChild(textarea);textarea.select();document.execCommand('copy');alert('复制胜利);