`
chembo
  • 浏览: 922501 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

javascript实现拷贝功能

JavaScriptIE浏览器FlashGoogle 
阅读更多
IE内核的浏览器可以直接通过window.clipboardData.setData("Text", txt)实现将内容拷贝至剪贴板。但是其它浏览器由于安全性问题就比较难了。
网上查了很多，解决方法多是通过引入一个flash解决，这里介绍一个：Zero Clipboard.
DEMO页面 :http://bowser.macminicolo.net/~jhuckaby/zeroclipboard/
Zero Clipboard项目主页： [url]http://code.google.com/p/zeroclipboard/ [/url]

下面是我的使用例子： 
<html>
<body>
<a id="copyInviteLink" href="javascript:;">邀请朋友一起玩</a> -- 你每邀请一个朋友我们都会送你一拍点哦！手动拷贝邀请链接: <b>www.yoursite.com/?ic=${inviteCode }</b>
</body>
</html>

JS： 
<script type="text/javascript" src="http://skin.yoursite.com/script/plugins/ZeroClipboard.js"></script>
<script type="text/javascript">
	var clip = null;
	$(function(){  
		clip = new ZeroClipboard.Client();
		clip.setHandCursor( true );
		clip.addEventListener('load', function (client) {
		});
		clip.addEventListener('mouseOver', function (client) {
			clip.setText($("#copyInviteLink").siblings().html());
		});
		clip.addEventListener('complete', function (client, text) {
		 	alert("邀请链接已拷贝至剪贴板，赶紧去分享给好朋友吧^O^!");
		});
		clip.glue('copyInviteLink');
	});
</script>

附件是所需要引入的一个JS和一个SWF文件。
分享到：
| JSP页面利用标签判断时间前后
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript基于遍历操作实现对象深拷贝功能示例

    主要介绍了JavaScript基于遍历操作实现对象深拷贝功能,涉及javascript元素遍历与属性操作相关实现技巧,需要的朋友可以参考下

    程序天下:JavaScript实例自学手册

    14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 ...

    《程序天下：JavaScript实例自学手册》光盘源码

    14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 ...

    网站实时协作JavaScript库TogetherJS.zip

    TogetherJS是由Mozilla打造的一款可以给网站添加实时协作功能的JavaScript库，TogetherJS免费并且开源，遵循MPL 2.0开源协议，并且托管在Mozilla服务器上。 为什么要使用TogetherJS？ 共同创建：TogetherJS...

    JavaScript实现倒计时跳转页面功能【实用】

    本文分享了JavaScript实现倒计时跳转页面功能的具体实例代码，页面代码简单，直接拷贝就能运行，页面可以自己美化下哦。需要的朋友一起来看下吧

    js实现植物大战僵尸源码（可直接运行）.zip

    自己在学习前端js的时候跟着老师学习的小项目 兼容各种主流浏览器 IE9-6,Chrome,FireFox,Safari,Opera等 ...手机浏览器注意打开JavaScript脚本功能、gif动画显示功能 以及调整适合的浏览模式（比如缩放适屏）

    floating_person:这是一个浮动在网页上的小人，支持菜单选择、拖动、隐藏、播放歌曲等功能,前端显示由HtmlCss控制，功能由JavascriptJquery实现

    floating_person####这是一个浮动在网页上的小人，支持菜单选择、拖动、隐藏、播放歌曲等功能,前端显示由Html/Css控制，功能由Javascript/Jquery实现直接将html，css等文件拷贝到项目中，即可运行，依赖库JQuery以及...

    javascript实现对表格元素进行排序操作

    现在我们也试一下排序功能： 排序的函数代码：里面含有点击之后排序–还原，和排升序和降序。 function sortAge(){ //对年龄进行排序，要先进行获得每一行对象，然后对象对象中的第一个（从0 开始）的大小进行...

    JS实现可直接显示网页代码运行效果的HTML代码预览功能实例

    JavaScript实现HTML代码预览功能，直接在网页上显示代码运行的效果，就例如点击“运行代码”后的效果，使用时，你只需将需要运行的HTML代码拷贝到文本框内，点击对应的功能按钮即可。 运行效果如下图所示： 具体...

    微软JavaScript手册

    学习JAVA的好帮手，希望有所帮助。欢迎使用 JScript 语言参考 这些方便实用的信息将帮助您了解 JScript 的各个部分。 在“字母顺序的关键字列表”中，可以找到按字母顺序列出的所有 JScript 语言的主题。...

    JS实现移动端在线签协议功能

    在一个风和日丽的下午，刚准备下班，突然接到需求说要做一个在线签协议功能，当时心里想着不就百度一顿拷贝就完事了吗(因为我没用过canvas，所谓初生牛犊不怕虎 )，谁知做起来如此吃力，下面就来记录下历程。...

    详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案

    最近需要给HTML5的WebAPP在页面上实现一个复制功能：用户点击长按文本会全选文字并弹出系统“复制”菜单，用户可以点击“复制”进行复制操作，然后粘贴到App...包括模拟focus input，JavaScript Selection, 使用a标签尝

    使用JavaScript开发IE浏览器本地插件实例

    实现这种插件方法比较简单，只需拷贝几个文件，修改一个注册表值即可。所以比较适合快速实现一些浏览器或者网站辅助功能。 实现步骤： 1.创建实现具体功能的html文件 代码如下: //文件名称：getticketslist.html //...

    mock.js实现模拟生成假数据功能示例

    本文实例讲述了mock.js实现模拟生成假数据功能。分享给大家供大家参考，具体如下： mock使用方法很简单, 下面是简单的用法, 详细的用法可以看官方文档, 写的很清楚, 下面的代码直接拷贝到本地html文件, 双击打开即可...

    javascript文档

    javascript的官方文档 这些方便实用的信息将帮助您了解 JScript 的各个部分。 在“字母顺序的关键字列表”中，可以找到按字母顺序列出的所有 JScript 语言的主题。如果只需要查看某个主题（例如对象），则有对该主题...

    arcgis for js 详细教程及案例.rar

    展示了如何使用ArcGIS JavaScript API的各种功能。每个示例页包含一个在线的演示，示例里做了什么的描述和源代码。拷贝示例代码并在机器上运行。

    JS根据不同IP模仿腾讯天气预报效果

    内容索引:脚本资源,Ajax/JavaScript,天气预报　根据IP地址变化获取全国不同地区的天气预报，模仿腾讯天气的效果，基于JAvaScript代码实现，你只需拷贝JS代码到你的网站即可实现本功能，简洁好用。

Magicbox
Global site tag (gtag.js) - Google Analytics