[JAVASCRIPT]实现页面复制至电脑剪贴板
2015-08-19 19:47
661 查看
一、 方法
方1:
window.clipboarddata 可惜不支持chrome , chrome 下会提示找不到 clipboarddata 对象
方2: 采用国外大牛写的ZeroClipboar.js 插件, 原理是用flash 插件 遮盖响应复制的dom对象
方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 编程
- 初探Js中的prototype
- Canvas——JavaScript高级程序设计笔记(12)
- ExtJS学习之MessageBox
- javascript对闭包的深入理解
- javascript对闭包的深入理解
- Javascript闭包
- js将html table导成excel表格,IE、Google Chrome都能用
- js封装库2-连缀
- javascript -- 阻止默认事件 阻止事件冒泡
- BrowseForFolder使用,参数详解
- 如何将js导入时的小红叉去掉
- js中return的各种作用
- JS字符串转换成日期格式
- js左右轮播代码
- js实现左右轮播效果
- javascript--执行字符串代码和变量的几种方法
- JavaScript——关于列表权重的笔试题
- js异步请求的几种方法
- libCEF中C++与JavaScript的交互调用【编程语言】