js插件实现一键复制功能

2018-06-24 00:53:50来源：未知阅读 ()

clipboard.js 可以实现纯 JS 的从浏览器复制文本到系统剪贴板的功能。

使用方法：

　　1. 下载 clipboard.js，并在页面中引入该插件。clipboard.js 下载地址： https://github.com/zenorocha/clipboard.js

<script src="/lib/js/clipbaord.js"></script>

　　2. 需要复制的目标文本

<span id="tar_text" >我是一段需要被复制的文本</span>

　　3. 复制按钮（注：此处需要给触发复制时间的按钮添加两个属性，data-clipboard-action 及 data-clipboard-target，data-clipboard-target的属性值为目标文本的 id 值）

 <button  id="copy" data-clipboard-action="copy" data-clipboard-target="#tar_text">Copy My Invitation Address</button>

　　4. 实例化 Clipboard 对象

　　var clipboard = new Clipboard('#copy');
   clipboard.on('success', function (e) {
        alert("复制成功！");
   });
   clipboard.on('error', function (e) {
        alert("对不起，您的浏览器暂不支持一键复制功能！");
   });

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有