很久不写前端代码了,最近整一个chrome插件时,希望将数据保存到粘贴版,试了好几种方式,结果发现都不太好使,直接基于输入框来实现赋值粘贴可行,若直接往粘贴板中写数据却没试出来;作为一个前端菜鸟就只能猥琐一点的实现了
下面是一个JS实现向粘贴板中写文本的方式
/***写入粘贴板*/functiontoCopy(text){//将传进来的参数强转为字符串text=String(text);input=document.createElement('INPUT');input.style.opacity=0;input.style.position='absolute';input.style.left='-9999px';document.body.appendChild(input);input.value=text;input.select();input.setSelectionRange(0,text.length);document.execCommand('copy');document.body.removeChild(input);}
从上面的实现可以了解其基本思路:
创建一个不可见的input
然后将text复制到这个input
然后利用document.execCommand
来实现拷贝功能
最后移除这个input