JS操纵剪切板

文章目录

• • 参考
  • 文本
  • 文件(图片)

参考

ClipboardEvent.clipboardData

拖拽献祭中的黑山羊-DataTransfer对象

---

文本

1. 如果是 textArea 或 input Text 之类的可以使用 select 方法选中文本的 DOM 元素

   DOM元素.select();
   if (document.execCommand('Copy')) {
       // 提示已经复制
   } else {
       // 提示不能复制
   }
   

2. 如果不是

   设置一个隐藏的可以 select() 的 DOM 元素,用户点击复制按钮或者其他操作时,动态把目标文字复制给隐藏 DOM 元素的 value ,随后同上.

3. DOM 事件

---

文件(图片)

监控 paste 事件, 从 event.clipboardData.files (或 event.clipboardData.items) 中取文件, clipboardData 是一个 DataTransfer 对象

注意:

1. 兼容性问题
2. 无法粘贴本地文件到浏览器, 一般用来粘贴复制自网页的文件

标签：文件,元素,DOM,剪切板,JS,操纵,复制,clipboardData,select
来源： https://blog.csdn.net/u013836242/article/details/120507834