码迷,mamicode.com
首页 > Web开发 > 详细

【Html】Clipboard.js 实现点击复制,剪切板操作

时间:2018-11-20 01:22:14      阅读:435      评论:0      收藏:0      [点我收藏+]

标签:var   ror   err   fun   copy   ESS   type   直接   not   

可以使用cdn 或者直接下载 设置好引用路径(百度云下载)

<script type="text/javascript" src="./dist/clipboard.min.js"></script>  

html

<input type="text" id="copyVal" readonly value="被复制内容" />
<button class="copyBtn" >点击复制</button>

javascript

        //实例化 ClipboardJS对象;
        var copyBtn = new ClipboardJS(‘.copyBtn‘);

        copyBtn.on("success",function(e){
            // 复制成功
            alert(e.text);
            e.clearSelection();
        });
        copyBtn.on("error",function(e){
            //复制失败;
            console.log( e.action )
        });

这里的ClipboardJS在实例化时, 如果报错:clipboard is not defined

解决办法就是如下:

new ClipboardJS(obj)

原因就是 Clipboard.JS版本是2.0及以上版本

 

原文地址:https://blog.csdn.net/fly_wugui/article/details/80327385

【Html】Clipboard.js 实现点击复制,剪切板操作

标签:var   ror   err   fun   copy   ESS   type   直接   not   

原文地址:https://www.cnblogs.com/mqxs/p/9986685.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!