`
流浪鱼
  • 浏览: 1692466 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js复制内容到剪贴板

    博客分类:
  • js
 
阅读更多

现在常用的方法是利用JavaScript+Flash实现,普遍流传的办法是_clipboard.swf,这是国外最早实现的(著名的Clipboard Copy解决方案: http://www.jeffothy.com/weblog/clipboard-copy/)。但是很可惜,_clipboard.swf在新出来的flash10中无效,因为flash10中规定了只有在swf上进行了实际的操作(比如鼠标点击)才能启动剪切板。而_clipboard.swf方法的swf是隐藏的,通过JavaScript来操作flash的剪切板,显然没有对swf进行实际的用户操作。
针对这个,最近国外出现了一种新的方法,而且专门做了一个JavaScript库 Zero Clipboard ,它包含一个flash影片和一个JavaScript接口,这个flash是透明的(不是隐藏),用户不会察觉到它的存在。这个flash覆盖在一个DOM元素上,比如button,div之类,当点击这个DOM时,你实际点击的是这个flash,这个作用在flash上的动作能够开启flash的剪切板。这实际上就是一种clickjacking。
DEMO页面 : http://bowser.macminicolo.net/~jhuckaby/zeroclipboard/
Zero Clipboard项目主页: http://code.google.com/p/zeroclipboard/
网上流行的阿里妈妈 的复制代码的实际来源:http://www.jeffothy.com/weblog/clipboard-copy/
http://www.cnblogs.com/rubylouvre/archive/2012/07/09/2582737.html

分享到:
评论

相关推荐

    JavaScript复制内容到剪切板示例

    JavaScript复制内容到剪切板示例, JavaScript复制内容到剪切板示例代码 JavaScript复制内容到剪切板示例简单小例子

    jquery 一键复制指定内容到剪贴板

    "jquery 一键复制指定内容到剪贴板"是jQuery的一个常见应用,用于实现用户点击按钮后快速将特定文本复制到剪贴板的功能。这个功能在现代Web应用中广泛使用,比如复制代码示例、URL链接或任何其他需要快速共享的信息...

    简单实现兼容各大浏览器的js复制内容到剪切板

    总之,通过ZeroClipboard库,我们可以实现一个兼容大部分浏览器的JavaScript复制内容到剪贴板的功能。然而,随着Flash逐渐被淘汰,开发者应关注更现代的解决方案,如HTML5的clipboard API,以确保在未来的浏览器环境...

    原生JavaScript复制内容到剪切板代码示例,无三方库引用

    原生JavaScript复制内容到剪切板代码示例,无三方库引用

    兼容主流浏览器的JS复制内容到剪贴板

    现在浏览器种类也越来越多,诸如 IE、Firefox、Chrome、Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了。 在FLASH 9 时代,有一个通杀所有浏览器的js复制内容到剪贴板的方案: ...

    jquery复制内容到剪切板

    "jquery复制内容到剪切板"这个主题聚焦于如何利用jQuery实现网页上的文本复制功能,使得用户可以方便地将特定内容复制到他们的剪贴板中。在现代Web开发中,这种功能对于提升用户体验至关重要,特别是在需要用户频繁...

    js实现点击后将文字或图片复制到剪贴板的方法

    在copyContact函数中,获取textarea中的内容,并使用window.clipboardData.setData方法将内容复制到剪贴板。之后,函数会检测剪贴板中的内容,如果复制成功则弹出提示消息,否则提示用户复制失败。 对于复制图片到...

    详解微信小程序之一键复制到剪切板

    在微信小程序开发中实现一键复制到剪切板的功能,对于提升用户体验是非常有帮助的。这个功能可以让用户直接将小程序中的某些信息复制到手机或电脑的剪切板上,比如复制文本、链接等信息。本文将详细介绍微信小程序中...

    JS复制内容到剪切板

    职称PC端,移动端的复制黏贴,操作剪切板,很多浏览器都支持,具体不支持哪个目前没发现

    js实现的复制内容到剪贴板

    在JavaScript中实现复制内容到剪贴板的功能是一项常见的需求,特别是在网页交互和富文本编辑器中。这个功能可以让用户方便地复制文本或者数据,而无需借助浏览器的右键菜单或键盘快捷键。以下是对这个话题的详细讲解...

    使用clipboard.js实现页面内容复制到剪贴板

    总结,Clipboard.js是实现页面内容复制到剪贴板的一个高效工具,它简化了原本复杂的过程,让开发者能够快速地为网页添加复制功能。只需几步简单的配置,就能使用户体验得到显著提升。在实际项目中,可以根据具体需求...

    兼容各浏览器的复制内容到剪切板

    【标题】:“兼容各浏览器的复制内容到剪切板” 【描述】:这篇博客主要探讨的是如何实现一个在各种浏览器中都能正常工作的复制内容到剪贴板的功能。在Web开发中,用户有时需要将网页上的信息复制到剪贴板,以便...

    javascript复制到剪切板

    总的来说,JavaScript实现复制到剪切板的功能涉及到对`Clipboard API`的理解和使用,以及考虑到浏览器兼容性问题。随着浏览器对新API的支持度提高,使用`navigator.clipboard`将成为主流。然而,对于老版本浏览器,...

    C# 复制图片 剪切板

    在本案例中,我们关注的是使用C#语言实现从网页中复制图片并将其存储到剪切板,以便用户可以方便地在不同应用程序之间进行粘贴,如微信或QQ。以下是对这个主题的详细讲解: 首先,我们需要理解剪切板是什么。剪切板...

    复制文本框的内容到剪贴板

    ### 复制文本框的内容到剪贴板 在日常的编程工作中,经常需要将文本框中的内容复制到剪贴板中以便进行进一步的操作,比如粘贴到其他文档中或者用于程序内部的数据处理等。本文将详细介绍如何使用JavaScript来实现这...

    js复制链接到剪贴板

    在JavaScript中,复制链接到剪贴板是一项常见的需求,尤其在网页应用中,用户可能需要方便地分享链接。本文将详细讲解如何实现这个功能,并探讨其中涉及的技术和注意事项。 首先,我们要了解浏览器的安全策略。出于...

    js复制内容到剪贴板代码,js复制代码的简单实例

    ### JavaScript复制内容到剪贴板的知识点: 1. **获取复制的对象**: 使用`document.getElementById()`函数可以获取页面中ID对应的DOM元素。例如: ```javascript var e = document.getElementById("contents");...

    react-一个简单而灵活的React实用程序组件用于将文本复制到剪贴板

    在React开发中,有时我们需要为用户提供一种方便的方式来复制文本到剪贴板,这可以提高用户体验。"react-一个简单而灵活的React实用程序组件用于将文本复制到剪贴板"正是这样一个解决方案,它允许开发者轻松地集成这...

    JavaScript实现复制或剪切内容到剪贴板功能的方法_.docx

    JavaScript 实现复制或剪切内容到剪贴板功能的方法 在 Web 开发中,实现复制或剪切内容到剪贴板功能是一种常见的交互方式,许多网页都提供了这样的一键复制功能。那么,如何使用 JavaScript 实现复制或剪切内容到...

    JavaScript实现复制或剪切内容到剪贴板功能的方法

    网上看到的几款插件,ZeroClipboard是通过flash实现的复制功能,随着越来越多的提议废除flash,能不能通过JS来实现复制剪切呢,今天分享一个兼容IE7浏览器复制的插件给大家,支持使用javascript实现复制、剪切和粘贴...

Global site tag (gtag.js) - Google Analytics