现在常用的方法是利用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
- 浏览: 1692466 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1323)
- easyui学习 (21)
- jquery (51)
- css (21)
- js (103)
- html (19)
- java (95)
- 测试工具 (7)
- oracle (45)
- eclipse (9)
- spring (8)
- 开源框架 (111)
- struts (12)
- hsqlbd (2)
- h2database (2)
- maven (8)
- activiti (2)
- sql语句 (7)
- fmpp (1)
- apache (2)
- tomcat (6)
- jbpm (2)
- ant (20)
- mysql (10)
- 业务需求 (54)
- ralasafe (3)
- Quartz (4)
- mybatis (8)
- flex (6)
- html5 (16)
- apache工具 (4)
- hibernate (5)
- linux (109)
- powerdesigner (3)
- 报表 (1)
- log4j (2)
- junit (1)
- shiro (4)
- wap (3)
- php (28)
- mantis (1)
- poi (3)
- extjs (1)
- 安防 (34)
- 网络 (113)
- UltraEdit (1)
- 手机 (9)
- freemarker (19)
- jquery mobile (28)
- css3 (1)
- 微信 (9)
- nodejs (7)
- 项目管理 (14)
- 文档 (13)
- ibatis (22)
- ftp (3)
- spring MVC (9)
- groovy (2)
- AngularJS (19)
- nginx (15)
- 会计 (5)
- hive (1)
- 分布式 (8)
- 设计模式 (4)
- velocity (2)
- 爬虫 (2)
- git (1)
- thymeleaf (4)
- activemq (5)
- bootstrap (1)
- Spring Batch (1)
- memcache (20)
- ttserver (1)
- Jenkins (1)
- cxf (1)
- axure (2)
- 银行金融 (11)
- c语言 (2)
- 大数据 (4)
- drools (4)
- python (2)
- 交易所 (1)
- haproxy (1)
- dubbo (3)
- dos (3)
- 人力资源 (4)
- 支付 (1)
- Intellij IDEA (1)
- IPO (1)
- springboot (1)
- 质量管理 (7)
- svn (1)
- 其他 (8)
- 阿里云 (2)
- 多媒体设计 (2)
- 数据库 (4)
- wps (0)
最新评论
-
masuweng:
en
Native.js -
rmnjava:
我按照你的方法写的,不起作用啊
easyui验证的删除和恢复 -
rmnjava:
原地址打不开了呀
easyui验证的删除和恢复 -
sunteng:
sunteng 写道这是json 吗[{url:'aaa'}, ...
freemarker解析json数组 -
sunteng:
这是json 吗
freemarker解析json数组
发表评论
-
js计算器效果
2017-01-20 12:54 341js计算器效果 -
比较简单的判断日期大小的方式
2016-12-12 19:33 451比较简单的一种方式 function chectRa ... -
accounting.js
2016-11-02 11:37 692accounting.js 是一个非常小的JavaScri ... -
jquery-resizable-columns
2016-09-20 20:27 489js的拖动插件 https://github.co ... -
KnockoutJS
2016-05-31 15:01 341官网:http://knockoutjs.com/index ... -
jsonschema
2016-05-13 17:29 390jsonschema是描述你的JSON数据格式;JSON模式 ... -
foundation
2016-05-13 15:56 332官网:http://foundation.zurb.com/ ... -
web跨终端开发流程
2016-05-13 15:15 769解决方案: 1.响应式 2.多站点 不同的终端用不同 ... -
浏览器分级支持 GBS
2016-05-13 14:56 478GBS 是 YUI 团队提出的应对日益增长的浏览器兼容问题 ... -
WEB页面开发34条军规 YAHOO
2016-05-13 13:59 379https://developer.yahoo. ... -
JavaScript异步编程的Promise模式
2016-05-12 17:02 326promise,它代表了一种可能会长时间运行而且不一定必须 ... -
KISSY
2016-05-12 16:18 401官网:https://github.com/kissytea ... -
js代码模块化目的
2016-05-12 15:40 588模块化的目标是:1.代码单元冠以命名,增强代码段的辨识度2.建 ... -
js去掉前后空格
2016-05-06 19:52 308var whitespace = /(^[\s\t\xa0\ ... -
舍去法截取一个小数
2015-10-23 14:29 537/** * 舍去法截取一个小数 * @param f ... -
D3.JS.
2015-10-15 13:28 904D3 是最流行的可视化库之一,它被很多其他的表格插件所使用 ... -
jsmin
2015-08-19 10:10 325JSMin 是一款JavaScript痩身工具。用于从Ja ... -
复选框全选、设置值
2015-08-10 13:19 709功能包括,全选、反全选 给隐藏域设置值 有时间了可以写成 ... -
React
2015-07-23 10:02 627官网教程:http://facebook.github.io ... -
Juicer
2015-07-23 09:58 580Juicer 是一个高效、轻量的前端 (Javascript ...
相关推荐
JavaScript复制内容到剪切板示例, JavaScript复制内容到剪切板示例代码 JavaScript复制内容到剪切板示例简单小例子
"jquery 一键复制指定内容到剪贴板"是jQuery的一个常见应用,用于实现用户点击按钮后快速将特定文本复制到剪贴板的功能。这个功能在现代Web应用中广泛使用,比如复制代码示例、URL链接或任何其他需要快速共享的信息...
总之,通过ZeroClipboard库,我们可以实现一个兼容大部分浏览器的JavaScript复制内容到剪贴板的功能。然而,随着Flash逐渐被淘汰,开发者应关注更现代的解决方案,如HTML5的clipboard API,以确保在未来的浏览器环境...
原生JavaScript复制内容到剪切板代码示例,无三方库引用
现在浏览器种类也越来越多,诸如 IE、Firefox、Chrome、Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了。 在FLASH 9 时代,有一个通杀所有浏览器的js复制内容到剪贴板的方案: ...
"jquery复制内容到剪切板"这个主题聚焦于如何利用jQuery实现网页上的文本复制功能,使得用户可以方便地将特定内容复制到他们的剪贴板中。在现代Web开发中,这种功能对于提升用户体验至关重要,特别是在需要用户频繁...
在copyContact函数中,获取textarea中的内容,并使用window.clipboardData.setData方法将内容复制到剪贴板。之后,函数会检测剪贴板中的内容,如果复制成功则弹出提示消息,否则提示用户复制失败。 对于复制图片到...
在微信小程序开发中实现一键复制到剪切板的功能,对于提升用户体验是非常有帮助的。这个功能可以让用户直接将小程序中的某些信息复制到手机或电脑的剪切板上,比如复制文本、链接等信息。本文将详细介绍微信小程序中...
职称PC端,移动端的复制黏贴,操作剪切板,很多浏览器都支持,具体不支持哪个目前没发现
在JavaScript中实现复制内容到剪贴板的功能是一项常见的需求,特别是在网页交互和富文本编辑器中。这个功能可以让用户方便地复制文本或者数据,而无需借助浏览器的右键菜单或键盘快捷键。以下是对这个话题的详细讲解...
总结,Clipboard.js是实现页面内容复制到剪贴板的一个高效工具,它简化了原本复杂的过程,让开发者能够快速地为网页添加复制功能。只需几步简单的配置,就能使用户体验得到显著提升。在实际项目中,可以根据具体需求...
【标题】:“兼容各浏览器的复制内容到剪切板” 【描述】:这篇博客主要探讨的是如何实现一个在各种浏览器中都能正常工作的复制内容到剪贴板的功能。在Web开发中,用户有时需要将网页上的信息复制到剪贴板,以便...
总的来说,JavaScript实现复制到剪切板的功能涉及到对`Clipboard API`的理解和使用,以及考虑到浏览器兼容性问题。随着浏览器对新API的支持度提高,使用`navigator.clipboard`将成为主流。然而,对于老版本浏览器,...
在本案例中,我们关注的是使用C#语言实现从网页中复制图片并将其存储到剪切板,以便用户可以方便地在不同应用程序之间进行粘贴,如微信或QQ。以下是对这个主题的详细讲解: 首先,我们需要理解剪切板是什么。剪切板...
### 复制文本框的内容到剪贴板 在日常的编程工作中,经常需要将文本框中的内容复制到剪贴板中以便进行进一步的操作,比如粘贴到其他文档中或者用于程序内部的数据处理等。本文将详细介绍如何使用JavaScript来实现这...
在JavaScript中,复制链接到剪贴板是一项常见的需求,尤其在网页应用中,用户可能需要方便地分享链接。本文将详细讲解如何实现这个功能,并探讨其中涉及的技术和注意事项。 首先,我们要了解浏览器的安全策略。出于...
### JavaScript复制内容到剪贴板的知识点: 1. **获取复制的对象**: 使用`document.getElementById()`函数可以获取页面中ID对应的DOM元素。例如: ```javascript var e = document.getElementById("contents");...
在React开发中,有时我们需要为用户提供一种方便的方式来复制文本到剪贴板,这可以提高用户体验。"react-一个简单而灵活的React实用程序组件用于将文本复制到剪贴板"正是这样一个解决方案,它允许开发者轻松地集成这...
JavaScript 实现复制或剪切内容到剪贴板功能的方法 在 Web 开发中,实现复制或剪切内容到剪贴板功能是一种常见的交互方式,许多网页都提供了这样的一键复制功能。那么,如何使用 JavaScript 实现复制或剪切内容到...
网上看到的几款插件,ZeroClipboard是通过flash实现的复制功能,随着越来越多的提议废除flash,能不能通过JS来实现复制剪切呢,今天分享一个兼容IE7浏览器复制的插件给大家,支持使用javascript实现复制、剪切和粘贴...