复制剪切粘贴插件clipboard.js

所属分类:其他-独立的部件

 60553  418  查看评论 (27)
分享到微信朋友圈
X
复制剪切粘贴插件clipboard.js ie兼容8

插件的使用很简单,最常用的复制:

demo:给下面的p标签添加复制功能

<body>
    <button class="btn">Copy</button>
    <p id="c">我是要被复制的内容</p>
</body>

首先引入js插件,

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

然后将插件实例化,

<script>
	var c = document.getElementById("c");
	var s = c.innerHTML;
	var clipboard = new Clipboard('.btn', {
		text: function() {
			return s;
		}
	});
	clipboard.on('success',
	function(e) {
		alert("复制成功");
	});
	clipboard.on('error',
	function(e) {
		console.log(e);
	});
</script>

还有其他几种情况,可以对标签内部全部内容,input输入框,textarea输入框等进行复制剪切的功能,根据实际情况 参考插件demo选择用哪种功能:


相关插件-独立的部件

后台管理框架

后台管理框架基于bootstrap
  独立的部件
 89998  592

jquer网页打印插件PrintArea.js

jquery实现页面打印可局部打印
  独立的部件
 71624  404

复制剪切粘贴插件clipboard.js

clipboard.js能够实现复制剪切粘贴的功能,实例方法全。
  独立的部件
 60554  418

jQuery社会华分享插件

jQuery社会华分享插件支持微信,QQ,新浪,人人等
  独立的部件
 42522  494

讨论这个项目(27)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    长的丑才能活得久*???* 0
    2021/4/17 14:12:24
    弹出层怎么复制失效 怎么解决大佬 回复
    夏天の风 0
    2019/7/29 20:25:18
    根本就不支持IE8 回复
    Spring Lee 0
    2019/5/5 9:48:21
    梦@旅途 0
    2019/1/8 0:08:25
    你好,要一键复制图片和文字,是怎么实现的? 回复
    文禾乙 0
    2018/8/13 11:35:03
    手机上 不能用啊 其作用 小了好多 回复
    夏至未至 0
    2018/7/26 11:53:18
    辉子 0
    2018/5/28 16:43:15
    怎么没有粘贴操作,求粘贴操作!!!!!!!!!!!!!!!!
          0
        2018/9/22 14:19:49
        哦豁
        qq0
        2020/11/10 16:32:01
        😥
    回复
    程呈 0
    2018/4/23 2:27:25
    怎么用这个插件的剪切?各位大哥能告诉我一下吗
        夏至未至0
        2018/7/26 11:55:28
        引入文件看文档11
    回复
    36度心跳 0
    2018/3/23 18:05:01
    不支持safari浏览器啊 回复
    lesson 0
    2017/12/14 16:18:23

    不能,浏览器支持flash才能用。

         0
        2018/1/4 11:19:45

        微信浏览器能用

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复