JS获取剪切板_js如何在非安全域获取剪贴板内容

获取剪切板内容：https://segmentfault.com/a/1190000004288686?utm_source=tag-newest

图片文件转base 64 ：https://www.zhangxinxu.com/wordpress/2018/09/ajax-upload-image-from-clipboard/

写入粘贴板

chrome 不允许用户没任何操作就搞进粘贴板东西，也就是说 下边的 createCopy() 方法直接执行 不能成功复制，必须等用户点击一下页面才可以(绑定click 事件)

html
<button onclick="createCopy('your_text')">点击复制</button>

js
function createCopy(text) {
  var ipt = document.createElement('input')
  ipt.value = text;
  document.body.appendChild(ipt).select();
  console.log(document.execCommand('copy'));
  document.body.removeChild(ipt)
}
1
2
3
4
5
6
7
8
9
10
11

ps 网上复制的可能存在的问题

input框不能有disabled属性
根据第一条扩展，input的width || height 不能为0；
input框不能有hidden属性
1
2
3