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

一、 方法

方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>