JS复制内容到剪切板

最新推荐文章于 2024-08-15 10:43:36 发布

原创最新推荐文章于 2024-08-15 10:43:36 发布 · 221 阅读

0 ·

CC 4.0 BY-SA版权

JAVASCRIPT 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了如何利用JavaScript实现将文本内容复制到用户的剪切板。通过一段简单的代码示例，展示了JS复制功能的实现方法。

最近看了一些关于JS简单复制的东西，以下是一个简单的复制代码

/**
 * 简单的复制到剪切板的js文件
 * @param {需要复制的值} value 
 */
function clip(value) {
    if (window == undefined || document == undefined) {
        throw new TypeError("Can not find Window or document");
    }
    //创建一个input元素
    var ele = document.createElement("INPUT");
    //给元素复制（即自己想要复制的内容）
    ele.value = value;
    //将元素复制到body里面
    document.body.appendChild(ele);
    //使元素里面的内容被选中
    ele.select();

    //自由剪切想要的长度
    //ele.focus();//先要选中该input
    //ele.setSelectionRange(0,5);//然后进行截取

    //进行剪切板操作
    document.execCommand('copy');
    //删除元素
    document.body.removeChild(ele);
}