JavaScript复制文字或图片到剪切板

最新推荐文章于 2023-12-15 20:46:30 发布

VooleBoy

最新推荐文章于 2023-12-15 20:46:30 发布

阅读量307

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/VooleBoy/article/details/84040849

Web前端专栏收录该内容

19 篇文章

订阅专栏

本文提供了一种将网页上的文本和图片快速复制至剪切板的方法，包括通过JavaScript实现的文本复制功能及图片复制至剪切板的技巧。详细步骤和示例代码帮助用户轻松完成复制操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、复制图片到剪切板

    function CopyImage(img) {  
        if (img.tagName != 'IMG')   
            return;   
        if (typeof img.contentEditable == 'undefined')   
            return;   
        if (!document.body.createControlRange)   
            return;   
        var ctrl = document.body.createControlRange();   
        img.contentEditable = true;   
        ctrl.addElement(img);   
        ctrl.execCommand('Copy');   
        img.contentEditable = false;   
        alert('复制完成，到QQ对话框里按Ctrl-V就可以啦！');   
    }

2、复制文本内容到剪切板

    function CopyToClipBoard(){   
        var clipBoardContent="abcdefg";   
        window.clipboardData.setData("Text",clipBoardContent);   
        alert("已复制本页链接,您可以使用Ctrl+V粘贴后,发送给好友!");   
    }