js 点击复制操作

这个操作搞了好久，解决起来好简单。。。

大部分摘抄出自这里https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand

<p>点击复制后在右边textarea CTRL+V看一下</p>
<input type="text" id="inputText" value="测试文本" disabled='disabled'/>
<input type="button" id="btn" value="复制"/>
<textarea rows="4"></textarea>
<script type="text/javascript">
    var btn = document.getElementById('btn');
    btn.addEventListener('click', function(){
        var inputText = document.getElementById('inputText');
        inputText.removeAttribute("disabled")
        var currentFocus = document.activeElement;
        inputText.focus();
        inputText.setSelectionRange(0, inputText.value.length);
        document.execCommand('copy', true);
        currentFocus.focus();
        inputText.setAttribute("disabled","disabled")
    });
</script>

为什么要加disabled 因为项目中不允许用户来修改，但是加完之后点击会没有效果所以在点击时先移除disabled属性后在加

大概就是这个样子。

主要还是execCommand()方法