js两种方式实现复制内容到剪贴板

最新推荐文章于 2024-06-20 14:03:32 发布

userxxcc

最新推荐文章于 2024-06-20 14:03:32 发布

阅读量871

点赞数

分类专栏： js/大前端

本文链接：https://blog.csdn.net/weixin_41827162/article/details/83306595

版权

#1，利用clipboard.min.js(https://github.com/zenorocha/clipboard.js/)这种兼容性比较好的方式实现。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>function-text</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <!-- 1. Define some markup -->
    <button class="btn">Copy</button>

    <!-- 2. Include library -->
    <script src="http://cdnaliyun.oss-cn-hangzhou.aliyuncs.com/js/clipboard.min.js"></script>

    <!-- 3. Instantiate clipboard -->
    <script>

    (function () { // 点击btn实现复制

        var copy_text =  "要复制的文字";

        var clipboard = new ClipboardJS("