标签：文件 元素 DOM 剪切板 JS 操纵 复制 clipboardData select

文章目录

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

参考

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。