复制剪切粘贴插件clipboard.js

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

复制剪切粘贴插件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选择用哪种功能:


相关插件-独立的部件

文件导出插件FileSaver.js

FileSaver.js是一款基于HTML5完成文件保存插件,它可以帮你直接从网页中导出多种格式文件。
  独立的部件
 15232  71

Javascript图片文字识别插件JS-OCR

我们将使用Javascript图片文字识别插件JS-OCR,来通过拍照识别照片或者图片中的文字,请使用Chrome浏览器,并且确认启动你的摄像头支持。
  独立的部件
 14587  43

复制剪切粘贴插件clipboard.js

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

简单多样tab

超简单多样TAB
  独立的部件
 18005  105

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

    lesson 0
    2017/12/14 16:18:23

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

         0
        2018/1/4 11:19:45

        微信浏览器能用

    回复
    暗星 0
    2017/10/31 12:07:34
    krank666 0
    2017/10/11 18:38:46

    好棒棒~~~很好用

    回复
    xjpolarbear 0
    2017/9/18 15:21:15

    看了都觉得好用

    回复
    javaliyang 0
    2017/7/5 11:55:44

    IE8报错  缺少标识符

    回复
    天山兔子 0
    2017/6/28 16:32:09

    怎么才能不复制html标签?例如:

    <div id="c">

    <p>我是要被复制的内容第一段<br/>

    我是要被复制的内容第二段</p>

    </div>

    怎么才能不复制p标签和br标签

    回复
    赵辉 0
    2017/6/9 17:18:50
    Crazy Boy 0
    2017/4/13 17:44:10

    苹果手机咋没用呢

    回复
    Crazy Boy 0
    2017/4/12 17:42:32
    我只有一个数据模板,一个按钮对应一个文本,这样从后台拿数据展示出来,那么只有一个固定的ID,这时候怎么实现点击按钮,复制对应的文本呢?求解? 回复
    浩特 0
    2016/12/14 18:12:17
    还不错,值得收藏 回复
取消回复