原⽣Js实现复制（Copy）的⽅法总结，execCommand和
clipboardData的使⽤
原⽣Js实现复制(Copy)的两种⽅法，⼀种是利⽤ clipboardData，另外⼀种则是⽤ execCommand()，今天将统⼀讲解⼀下关于他们的使⽤⽅法。
当⼀个HTML⽂档切换到设计模式(designMode)时，⽂档对象暴露 execCommand⽅法，该⽅法允许运⾏命令来操纵可编辑区域的内容。⼤多数命令影响⽂档的选（粗体，斜体等），⽽其他命令插⼊新元素（添加链接）或影响整⾏（缩进）。当使⽤ contentEditable时，调⽤ execCommand() 将影响当前活动的可编辑元素。
兼容性：
特征Chrome Edge Firefox (Gecko)Internet Explorer Opera Safari
复制copy43(Yes)  44192910
clipboardData
clipboardData对象 ，注意⽹页⾥剪贴板到现在只能设置Text类型，即只能复制⽂本 clearData("Text")清空粘贴板 getData("Text")读取粘贴板的值 setData("Text",val)设置粘贴板的值 当复制的时候body的oncopy事件被触发，直接return false就是禁⽌复制，注意是不能复制⽹页⾥的⽂本了。
（注意：主要⽤于⽀持IE，ie7，与ie8 对⽹页有个复制的权限，需在“安全”中的“⾃定义级别”的脚本中设置）
代码实现
html:
<span class="hleft" v-on:click="copyLink(data.url,'text')">复制链接</span>
<textarea id="text">{{data.url}}</textarea>
JS:
copyToClipBoard:function(s,id){ //复制到剪切板
Command){
var ElementById(id);
e.select();
return true;
}
原生js和js的区别if(window.clipboardData){
window.clipboardData.setData("Text", s);
return true;
}
return false;
},
完结~~~~~~~~~~~~~~~~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。