谷歌浏览器使用复制的功能

在文本复制的时候，Ie和谷歌是不能同时使用 window.clipboardData，对象的，该功能IE可以使用，但是谷歌是不能使用的，所以要使用下面的插件来进行操作： ZeroClipboard.js和ZeroClipboard.swf这两个包，来进行操作。

如果这连个文件不在同一个目录下，可是在 new ZeroClipboard 对象之后调用，ZeroClipboard.setMoviePath('ZeroClipboard10.swf' );进行设置swf文件所在的目录。

案例的git地址：https://gitee.com/sgqing/google_browser_text_copy.git

<html>
<head><title>Zero Clipboard Test</title><script type="text/javascript" src="ZeroClipboard.js"></script><script language="JavaScript">var clip = null;// 获取你要复制的内容function $(id) {return document.getElementById(id);}function init() {//创建对象clip = new ZeroClipboard.Client();//是否支持复制clip.setHandCursor(true);// 当鼠标移到要点击的对象上面的时候，就会触发clip.addEventListener('mouseOver', function (client) {// //     // update the text on mouse overclip.setText($('fe_text').value);});// clip.setText($('fe_text').value);// 会监听，当赋值完成之后，就会执行该方法clip.addEventListener('complete', function (client, text) {//debugstr("Copied text to clipboard: " + text );alert("该地址已经复制，你可以使用Ctrl+V 粘贴。");});// 用于指定当前的flash运行在什么地方，一般是点击的地方clip.glue('clip_button');}</script>
</head>
<!--// 一定要进行数据的初始化，要不然在使用的时候，需要点击两次才可以完成数据的赋值-->
<body onLoad="init()"><textarea id="fe_text" cols=50 rows=5>复制内容文本1</textarea>
<span id="clip_container"><span id="clip_button"><b> 复制</b></span></span><br>
</body>
</html>

特别提醒，在使用的时候，首先需要对上面的方法，进行初始化，要不然需要点击两次才可以完成数据的复制，注意在复制的时候，保证glue方法，不会操作同一个对象，要不然只会操作第一次的数据

谷歌浏览器使用复制的功能相关推荐

leangoo新增自定义模板、移动卡片、复制泳道功能
本次更新增加了看板自定义模板,移动卡片和复制泳道功能,同时也对复制卡片.加载看板等功能进行了优化.以下是此次更新详情: 1. 自定义模板您可以将已有的看板设置为自定义模板自定义模板会复制看板内的成 ...
软件测试面试题-如何测试复制粘贴功能
复制粘贴是电脑最普遍的两个操作了,在面试的过程中,有学生被问到如何测试复制粘贴功能的时候,我个人觉得你可以这样去回答更多学习资源,公众号主页点击领取资料查看我评论区置顶首先,这道题目你甚至可以发 ...
python实现复制文件功能
写程序,实现复制文件功能要求: 1) 要考虑关闭文件问题 2) 要考虑超大文件复制问题 3) 要能复制二进制文件(如: / usr / bin / python3 等文件) def copy_fil ...
页面添加复制代码功能
简单的"复制代码" 功能 <a href="javascript:" οnclick="CopyCode(document.getElement ...
js实现复制粘贴功能
在项目中使用到复制粘贴功能,虽然网上有很多大牛封装了很多的插件,但是还是想不去使用插件,就像自己来实现这个功能. 初步想法: 1. 获取到需要复制的内容,这里我可以将需要复制的内容放在input或者t ...
[html] 怎样禁用页面中的右键、打印、另存为、复制等功能？
[html] 怎样禁用页面中的右键.打印.另存为.复制等功能? <body oncontextmenu=self.event.returnValue=false onselectstart=&q ...
最新js实现复制粘贴功能实例
功能:实现鼠标点击复制内容描述:使用与手机网站.pc等端. 实现点击复制粘贴功能的代码实例: function common_copy(text){if(text.indexOf('-') !== ...
jquery粘贴按钮_实现前端点击按钮自动复制剪贴板功能
[目录] 明确需求 html分析代码实现 css分析 js分析代码实现只要是文本,长按选中就可以复制,但是需求来了挡也挡不住: 明确需求为了提升用户体验,点击[复制]按钮就自动复制到剪贴板,那 ...
通过亚马逊云科技实现基于 Restful API 的 CloudFront Distribution 复制/克隆功能
背景 Amazon CloudFront 是一个全球性的内容分发网络 (CDN),您可以借助 CloudFront 以低延迟和高可用性向查看者或者最终用户分发内容.通常来讲,Amazon CloudF ...
Windows下Ubuntu子系统，开启复制粘贴功能方法
Windows下Ubuntu子系统,开启复制粘贴功能方法问题我在Microsoft Store下载了Ubuntu后,进入系统发现复制粘贴不上去解决方法右键单击我们打开的Ubuntu终端顶部,下 ...

谷歌浏览器使用复制的功能

谷歌浏览器使用复制的功能相关推荐

最新文章

热门文章