来源: (我们的JavaScript) http://www.ourjs.cn 原文链接: http://www.ourjs.cn/show.php?id=737 如需转载请保留来源.
web开发中常常要实现“复制到剪切板”功能。这个功能很实用,但是由于安全问题,浏览器的限制越来越严,实现的方法也越来越有限了。Firefox默认下不能直接通过Javascript操作剪切板,必须开启相关的设置才行。想只通过Javascript技术实现跨浏览器的剪切板是行不通的。现在常用的方法是利用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/
相关资料:
Jeffothy的Clipboard Copy解决方案
Flash 10 will not support unsolicited clipboard access from Flash and JavaScript
clickjacking trick to cover an element with a transparent element that provides another functionality
http://www.ourjs.cn/show.php?id=737
来源: (我们的JavaScript) http://www.ourjs.cn
原文链接: http://www.ourjs.cn/show.php?id=737
如需转载请保留来源.
分享到:
相关推荐
摘要:脚本资源,Ajax/JavaScript,剪切板 Zero Clipboard,一个比较成熟的跨浏览器兼容的“复制到剪切板”功能库,JavaScript功能Flash共同实现的功能库,兼容众多主流浏览器。
Zero Clipboard :JQuery实现复制信息到系统剪贴板,跨浏览器实现
Zero Clipboard 利用 Flash 进行复制 跨浏览器兼容
Zero Clipboard 利用 Flash 进行复制,之前有 Clipboard Copy 解决方案,其利用的是一个隐藏的 Flash,但最新的 Flash Player 10 只允许在 Flash 上进行操作才能启动剪贴板,所以 Zero Clipboard 对此进行了改进,用...
第一种 # -*- coding: utf-8 -*- # @Time : 2020/3/16 21:26 # @File : get_text_from_cupboard_13.py # @Author: Hero Liu # python读取剪切板内容 import win32clipboard as w import win32con def get_text(): ...
复制文字到剪切板功能,兼容各种浏览器,非常实用
利用clipboard.js,复制文本或者隐藏域到剪切板,没有flash限制,兼容ie.chrome.firefox
将文本复制到剪切板是前台js的事,但是浏览器众多,怎么才能兼容各种版本的浏览器,让我们轻松写出一键复制到剪切板的js代码.这时就该clipboard.js出场了. clipboard.js是一个github上的开源项目,clipboard.js 实现了...
一个提供复制到剪贴板功能的React Hook。 安装 您可以react-use-clipboard NPM或Yarn安装react-use-clipboard 。 npm install react-use-clipboard --save-exact yarn add react-use-clipboard --exact 我们鼓励...
使用C#进行屏幕截图并自动保存到剪切板 主要用到Clipboard Graphics Rectangle Screen等
clipboard.js 使用纯 JavaScript (无需 Flash)实现了复制浏览器内容到系统剪切板的功能,可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+。
Nuxt.js 的“复制到剪贴板”模块,使用 :recycling_symbol: 设置 使用 yarn 或 npm 将nuxt-clipboard依赖项添加到您的项目中 添加nuxt-clipboard到modules的部分nuxt.config.js export default { modules : [ /...
HTML用clipboard.js实现复制到剪切板,提示 每个应用程序都有不同的设计需求,这就是为什么clipboard.js不包含任何CSS或内置的工具提示解决方案。
使用clipboard实现复制链接到剪切板源代码。
Clipboard Box将大幅增强您剪切板的能力。现在您有一个简单方便的工具,对您经常使用的功能(即复制粘贴)将非常有帮助。除了简单性外,软件还可以保存许多个剪切板项目而不仅仅是Windows常规的只保存一个。软件有很...
Nuxt剪贴板 使用Nuxt.js的“复制到剪贴板”模块 :recycling_symbol: 设置使用yarn或npm将nuxt-clipboard依赖项添加到您的项目中添加nuxt-clipboard到modules的部分nuxt.config.js export default { modules : [ // ...
页面引用 clipboard.min.js js加: //复制文本值 var clipboard = new Clipboard('.copySrc'); clipboard.on('success', function(e) { console.info('Action:', e.action); console.info('Text:', e.text); ...
clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中。它不依赖flash,使用非常简单。
剪切板复制 JS插件 clipboard.min.js
Zero Clipboard实现简单跨浏览器复制支持IE、Chrome、Mozilla Firefox,所以浏览器。包含demo,请放入服务器中运行!