HTML/JavaScript实现复制文本、复制HTML、复制图片功能

HTML/JavaScript实现复制文本、复制HTML、复制图片功能

码农世界 2024-05-28 后端 86 次浏览 0个评论

文章目录

    • 复制文本
    • 复制HTML
    • 复制图片
    • 全代码

      复制文本

      navigator.clipboard.writeText 接收一个字符串参数,写入到剪贴板中。

      
      
      

      复制HTML

      通过指定的文本类型来构建Blob、在结合 navigator.clipboard.write 将带有样式的 HTML 内容写入剪贴板

      
      
      

      复制图片

      单图片复制

      获取到图片的响应对象,从响应对象中获取图片的 Blob 数据。

      使用 ClipboardItem 创建一个包含图片 Blob 数据的 ClipboardItem 对象

      在使用 navigator.clipboard.write 方法将包含图片的剪贴板项写入剪贴板

      
      
      

      全代码

      
      
      
          
          
          Document
          
      
      
          

转载请注明来自码农世界,本文标题:《HTML/JavaScript实现复制文本、复制HTML、复制图片功能》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,86人围观)参与讨论

还没有评论,来说两句吧...

Top