`
chembo
  • 浏览: 937451 次
  • 性别: 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实现继承的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中，对象是引用类型，因此当一个对象被复制时，...因此，在选择深拷贝方法时，需要权衡性能和功能的需求。

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