原生jS实现点击复制功能

最新推荐文章于 2024-02-03 11:06:24 发布

疯狂的小老鼠

最新推荐文章于 2024-02-03 11:06:24 发布

阅读量695

点赞数

分类专栏： js模块文章标签： js javascript

本文链接：https://blog.youkuaiyun.com/weixin_42040328/article/details/109443592

版权

js模块专栏收录该内容

5 篇文章

订阅专栏

该博客介绍了使用JS实现点击复制功能的方法，即点击按钮后创建input，填充要复制的内容，再将其剪切到鼠标右键剪切板。

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

jS实现点击复制功能

    <button onClick="copyCode()">复制</button>

点击按钮，创建input，填充要复制的内容，然后剪切到鼠标右键剪切板上

    /* 复制链接 */
    /* content：复制的内容, message：提示的消息 */
    function copyCode()(content, message) {

        var url = content//复制的网址或内容
        var aux = document.createElement("input");
        aux.setAttribute("value", url);
        document.body.appendChild(aux);
        aux.select();
        document.execCommand("Copy"); //原生copy方法执行浏览器复制命令
        document.body.removeChild(aux); //清除input
        if (message == null) {
            /* 复制失败消息 */
        } else {
            /* 复制成功消息 */
        }
    }
消息 */
        }
    }