【兼容所有浏览器】js 实现复制到剪贴板功能，支持代码块

最新推荐文章于 2024-12-02 10:20:12 发布

Chrolly

最新推荐文章于 2024-12-02 10:20:12 发布

阅读量156

点赞数

分类专栏： JS 前端文章标签： javascript html html5

本文链接：https://blog.youkuaiyun.com/qq_35005735/article/details/119955898

版权

前端同时被 2 个专栏收录

23 篇文章

订阅专栏

19 篇文章

订阅专栏

最近需要实现代码复制的功能，网上查了一了下，基本都要依赖 clipboard.js 来实现的。
不想依赖任何包，能不能实现代码复制功能呢？答案肯定是可以的，自己写！！！

请添加图片描述

<button onclick="copyToClip('内容')"> Copy </button>

/**
 * 复制单行或多行代码块内容到粘贴板
 * content : 需要复制的内容
 * message : 复制完后的提示，不传则默认提示"复制成功"
 */
function copyToClip(content, message) {
    var aux = document.createElement("textarea"); 
    aux.value = content;
    document.body.appendChild(aux); 
    aux.select();
    document.execCommand("copy"); 
    document.body.removeChild(aux);
    if (message == null) {
        alert("复制成功");
    } else{
        alert(message);
    }
}