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

javascript实现拷贝功能

阅读更多
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文件。
分享到:
评论

相关推荐

    javascript去掉拷贝数据中带换行数据到文本框

    通过结合正则表达式和事件监听器,我们可以实现高效且可靠的换行符去除功能,提升用户体验。在实际应用中,还可以根据项目需求进行扩展,例如处理其他特殊字符,或者支持多语言环境下的换行符处理。

    JavaScript学习之三 — JavaScript实现继承的7种方式

    本篇文章将深入探讨JavaScript实现继承的七种常见方式,帮助你更好地理解和运用这一概念。 1. 原型链继承(Prototype Chain Inheritance) 原型链是JavaScript实现继承的基础。每个函数都有一个`prototype`属性,这...

    javascript 拷贝节点cloneNode()使用介绍.docx

    在JavaScript中,`cloneNode()`方法是DOM(Document Object Model)操作中的一个重要功能,主要用于复制(克隆)DOM树中的节点及其属性。这对于创建复杂的用户界面或者动态调整页面内容时非常有用。 #### 一、...

    JavaScript实现浅拷贝与深拷贝的方法分析

    JavaScript中的数据类型分为基本数据类型和引用数据类型。基本数据类型包括:String、Number、Boolean、Undefined、Null、Symbol和BigInt。...通过深入学习,可以更有效地利用JavaScript语言的强大功能。

    ★★★同时支持iexplorer和firefox的javascript复制拷贝信息到剪贴板方法

    标题中的“同时支持iexplorer和firefox的javascript复制拷贝信息到剪贴板方法”指的是在Web开发中,使用JavaScript实现跨浏览器(包括Internet Explorer和Firefox)的信息复制功能。JavaScript是一种广泛使用的...

    40个直接可以拿来用的JavaScript实用功能代码

    例如,通过PhoneGap或Cordova,开发者可以使用JavaScript来操控原生的Android API,实现混合应用的功能。 源码学习是提升技能的有效途径,上述代码片段可以作为学习JavaScript和理解其核心概念的实例。通过阅读和...

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

    本篇文章将深入探讨如何基于遍历操作实现JavaScript对象的深拷贝。 首先,我们需要一个函数来确定变量的类型。在提供的代码中,`getType` 函数用于获取传入对象的类型,考虑到了 `typeof` 的特殊情况,如数组和null...

    JavaScript 实现Array(数组)和Map

    在JavaScript编程中,Array和Map是两种非常重要的数据结构,它们各自有其独特的作用和应用场景。...同时,自定义实现也可以作为扩展JavaScript功能的一个起点,让你能够根据项目需求定制更适合的数据结构。

    js代码-JavaScript 实现深度拷贝

    在JavaScript中,有多种实现深度拷贝的方法,包括但不限于以下几种: 1. JSON.parse 和 JSON.stringify 这是一种简单但有限的方法。它只适用于那些可以序列化为JSON的值(即没有函数、循环引用或undefined)。例如...

    【JavaScript源代码】详解JS变量存储深拷贝和浅拷贝.docx

    3. 使用第三方库如lodash的`_.cloneDeep()`:这类库提供了高效且全面的深拷贝功能,能够处理各种复杂情况。 在对象赋值时,如果直接赋值给另一个变量,如`let b = a;`,那么`b`和`a`实际上指向堆内存中的同一对象。...

    JavaScript将信息拷贝到剪贴板

    这里我们将详细讨论如何使用JavaScript库zeroclipboard 1.3.5来实现这个功能。 zeroclipboard是一个开源的JavaScript库,它的主要目的是使网页应用能够模拟浏览器的右键复制功能。它利用了浏览器的Flash插件来绕过...

    JavaScript对象拷贝与Object.assign用法实例分析

    例如,在JavaScript中,可以通过简单的赋值操作实现对象的浅拷贝。 深拷贝则是创建一个新的对象,并且递归复制原始对象内所有层级的对象,以确保复制出的对象与原始对象在内存中没有引用关系,互不影响。深拷贝的...

    deep-copy-ts:typescriptjavascript的递归深拷贝、克隆和浅拷贝函数

    总结一下,"deep-copy-ts"是一个专门针对typescript和javascript的深拷贝工具,它实现了递归深拷贝和浅拷贝功能,适用于处理复杂的对象和数组结构,同时兼容两种语言。通过使用这个库,开发者可以更轻松地管理对象的...

    js数组的深拷贝

    总结来说,JavaScript中的数组深拷贝有多种实现方式,选择哪种取决于具体的需求和场景。在处理简单数据时,可以考虑使用JSON.parse和JSON.stringify;如果需要处理复杂的嵌套结构,递归遍历或者使用Lodash库会更合适...

    nanoclone只有145B实现深度克隆JavaScript对象

    JavaScript是一种广泛用于Web开发的脚本语言,它在处理数据对象时经常需要深拷贝功能。深拷贝意味着创建一个与原始对象完全独立的新对象,包括所有嵌套的对象和数组,而不仅仅是引用。标题提到的"nanoclone"是一个...

    javascript对浅拷贝和深拷贝的详解

    了解浅拷贝和深拷贝的差异以及如何在JavaScript中实现它们,可以帮助你更好地管理对象和数组的状态,避免意外的副作用。在处理复杂数据结构时,尤其是涉及到嵌套对象和数组时,深拷贝通常是更安全的选择。

    JavaScript数组深拷贝和浅拷贝的两种方法

    在这样的情况下,要实现完全的深拷贝,我们可能需要递归拷贝或者使用其他库提供的深拷贝功能。 在实际开发中,选择哪种拷贝方法取决于具体的应用场景。如果只是简单地复制数组,不涉及嵌套数组,并且不希望影响原...

    JS浅拷贝和深拷贝原理与实现方法分析

    JavaScript中的浅拷贝和深拷贝是两种不同的对象复制方式,它们在处理复杂对象时有着显著的区别。在JavaScript中,对象是引用类型,因此当一个对象被复制时,...因此,在选择深拷贝方法时,需要权衡性能和功能的需求。

Global site tag (gtag.js) - Google Analytics