211111-Js实现粘贴板中写入text

文章目录
  1. 一灰灰的联系方式

记录一下JS实现向粘贴板中写文本的方式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/**
* 写入粘贴板
* @param text
* @returns {boolean}
*/
function execCoy(text) {
text = String(text);
input = document.createElement('INPUT');
input.style.opacity = 0;
input.style.position = 'absolute';
input.style.left = '-100000px';
document.body.appendChild(input);

input.value = text;
input.select();
input.setSelectionRange(0, text.length);
document.execCommand('copy');
document.body.removeChild(input);
return true;
}

从上面的实现可以了解其基本思路:

  • 创建一个不可见的input
  • 然后将text复制到这个input
  • 然后利用document.execCommand来实现拷贝功能
  • 最后移除这个input

一灰灰的联系方式

尽信书则不如无书,以上内容,纯属一家之言,因个人能力有限,难免有疏漏和错误之处,如发现bug或者有更好的建议,欢迎批评指正,不吝感激

QrCode

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×