javascript实现自动复制内容到粘贴板

Question

尝试了用clipboard.js，但是需要点击按钮触发，自动执行点击事件也无效
复制
......
document.execCommand()也尝试过，也是需要按钮触发

Answer 1

点击自动复制这块儿，目前WebApi不是很稳定，兼容性也不是很好，Chrome,FF,Safari也还好。谈谈我以前的实现吧。其实大的可以分为两种：1、如果你的内容是在input框里面，当然也包括textarea等，实现相对简单：constcopyInputValue=(input)=>{constvalueLength=input.value.length;input.focus();input.setSelectionRange(0,valueLength);returndocument.execCommand('copy');}copyInputValue(document.getElementById('input'));2、另外一种是复制复制普通元素内文本：具体的代码我就不写了。思路就是：通过window.getSelection()获取选取，然后初始化一个Range,然后add进selection，然后执行复制命令。整体的思路就是：把文本想办法添加进选取，这一步的兼容性做好，然后执行document.execCommand('copy')命令，这一步都一样。希望帮到你。