clipboard兼容各个浏览器，不需要设置权限

最新推荐文章于 2024-05-27 15:18:40 发布

weixin_30886233

最新推荐文章于 2024-05-27 15:18:40 发布

阅读量370

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/codeDevotee/p/8206270.html

本文介绍了一个简单的示例，展示了如何使用Clipboard.js插件将指定文本复制到用户的剪贴板上。该插件可以轻松地实现网页元素上的复制功能，适用于多种浏览器环境。

解决方案：用clipboard.js插件

注意要引用clipboard.js文件

案例：

将文本赋值给剪切板

<button class="btn">Copy</button>
 <script>
    var clipboard = new Clipboard('.btn', {
    // 点击copy按钮，直接通过text直接返回复印的内容
        text: function() {
            return 'to be or not to be';
        }
    });

 clipboard.on('success', function(e) {
     console.log(e);
 });

 clipboard.on('error', function(e) {
     console.log(e);
 });