复制剪切粘贴插件clipboard.js

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

 1674  43  查看评论 (5)
复制剪切粘贴插件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选择用哪种功能:


相关插件-独立的部件

jQuery表格 可选择导出各种格式

表格内容详情可选择导出各种格式(Excel(xls)、PDF、PNG)
  独立的部件
 10572  104

jQuery实现弹幕实例

一个很好用的实例,适合新手
  独立的部件
 907  8

jquery Android屏幕解锁插件patternlock

一个重量轻的jquery插件来模拟Android屏幕解锁。您可以根据您的需要,调用不同类型的锁定模式很容实现.
  独立的部件
 9192  32

jquery生成二维码

jquery生成二维码
  独立的部件
 9793  122

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币

    浩特0
    2016/12/14 18:12:17
    还不错,值得收藏 回复
    无?心?0
    2016/12/13 12:12:08
    请问手机端能用吗?
        西瓜0
        2016/12/14 19:12:01

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

    回复
    路瑶0
    2016/12/8 16:12:11
    qq0
    2016/11/22 11:11:45
取消回复
    PROMULGATOR

    qq

    上海市