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

js插件实现一键复制功能

时间:2017-11-27 00:12:31      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:nbsp   对象   git   src   按钮   clipboard   添加   地址   支持   

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("对不起,您的浏览器暂不支持一键复制功能!");
   });

 

  

 

js插件实现一键复制功能

标签:nbsp   对象   git   src   按钮   clipboard   添加   地址   支持   

原文地址:http://www.cnblogs.com/yaoyuqian/p/7900863.html

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