码迷,mamicode.com
首页 > 编程语言 > 详细

[JAVASCRIPT]实现页面复制至电脑剪贴板

时间:2015-08-19 22:52:59      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

一、 方法

方1:

window.clipboarddata  可惜不支持chrome , chrome 下会提示找不到 clipboarddata 对象

 

方2: 采用国外大牛写的ZeroClipboar.js 插件, 原理是用flash 插件 遮盖响应复制的dom对象

<!-- 这里是HTML代码部分 -->
<textarea id="content" rows="10" cols="60">这里是需要复制的内容</textarea>
<input id="copy" type="button" value="复制">
</body>
<script src="<?php echo Yii::app()->baseUrl;?>/resources/libs/js/ZeroClipboard/ZeroClipboard.js"></script>
<script language="JavaScript">
    var clip = new ZeroClipboard(document.getElementById(copy));
    clip.on({
        "ready": function(){ alert("加载完成!"); },
        "copy" : function(e){alert(copy);e.clipboardData.setData("text/plain", "这里是用于复制的纯文本数据");},
        "aftercopy": function (e) {alert(copy complete);}
    });

</script>

 

[JAVASCRIPT]实现页面复制至电脑剪贴板

标签:

原文地址:http://www.cnblogs.com/huxiaoyun90/p/4743214.html

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