首页>>前端>>JavaScript->Js实现粘贴板中写入text

Js实现粘贴板中写入text

时间:2023-11-30 本站 点击:0

很久不写前端代码了,最近整一个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


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/JavaScript/3957.html