复制到剪切板兼容(IE/FF/Chrome/..)

最近做一个复制到剪切板的功能在网上找了很多都不好用

最后发现在了这篇文章很不错简洁好用贴出来希望能帮到更多人

原文地址：http://www.lsproc.com/wiki/snippets:copytoclipboard

此代码修改自 discuz!, 简易实现

<script>
var clipboardswfdata;
var setcopy_gettext = function(){
clipboardswfdata = document.getElementById(‘data‘).value;
window.document.clipboardswf.SetVariable(‘str‘, clipboardswfdata);
}
var floatwin = function(){
alert(‘copy success, ‘ + clipboardswfdata);
}
</script>

<style type="text/css">
body {font-size:12px;}
.clipinner {position:relative;}
.clipboardswf {position:absolute; left:0; top:0;}
</style>
<input type="text" name="data" value="xxxxx11111" id ="data" />
<div id="clipboard_content">
<span class="clipinner" id="clipinner">点此复制到剪贴板
<embed name="clipboardswf" class="clipboardswf" id="clipboardswf" onmouseover="setcopy_gettext()" devicefont="false" src="./clipboard.swf" menu="false" allowscriptaccess="sameDomain" swliveconnect="true" wmode="transparent" type="application/x-shockwave-flash" height="20" width="100">
</span>
</div>

实现稍微有些恶心, 用 onmouseover 事件往 flash 中传递数据
另: 没有对ie单独处理, ie中推荐使用 window.clipboardData

时间： 2024-10-13 16:42:44

复制到剪切板兼容(IE/FF/Chrome/..)的相关文章

将内容复制到剪切板兼容主流浏览器的解决方案

html : <body> <div class="demo-area"> <label for="copy-input">输入要复制到剪切板的文字:</label><br> <textarea id="copy-input" cols="30" rows="10"></textarea><br> <but

前段时间需要做一个点击一个按钮,把制定内容复制到剪切板的效果. 对于IE浏览器而言,有一简单的方法,通过 window.clipboardData: (假如有一个id为copy的按钮,有一个id为name的输入框,“text”为固定格式) $("#copy").click(function () { window.clipboardData.setData("text", $("#name").val()); alert("已复制到剪贴

jquery+flash（zclip）实现点击复制到剪切板

jQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题.jQuery-zclip插件需要Flash的支持,使用时记得电脑安装Adobe Flash Player. 加载jQuery和zClip,地址请根据各自的存放地址做相应修改. <script type="text/javascript" src="js/jquery.js"></script> <script typ

原生js绑定和解绑事件,兼容IE,FF,chrome

主要是最近项目中用到了原生的js 解绑和绑定事件然后今天研究了一下,其实问题不大,不过要注意不要把单词写错了,今天我就找了好久单词写错了. 需求:当鼠标移上去以后,给Select加载元素,接着解除这个事件.贴上代码,这个是可以运行的,兼容 IE FF chrome 1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312&qu

iOS社交分享Twitter、Facebook、复制到剪切板、LINE、及邮件

准备首先要引进如下三个framework: MessageUI.framework Social.framework Accounts.framework 并在实现这几个方法的地方引入以下几个头文件 #import <MessageUI/MFMailComposeViewController.h> #import <Social/Social.h> #import <Accounts/Accounts.h> Twitter及Facebook 其中urlStr为我分享的

jquery实现点击复制到剪切板

1.必须有先引入 jquery库 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.zclip.min.js"></script> 2.js实现点击复制的代码 <script type="text/jav

关闭浏览器输入框自动补齐兼容IE,FF,Chrome等主流浏览器

这篇文章主要介绍了关闭浏览器输入框自动补齐兼容IE,FF,Chrome等主流浏览器,需要的朋友可以参考下.希望对大家有所帮助 Firefox 和 IE 的浏览器各自实现了input历史记录的功能,可以简化输入时的麻烦,但是,有时候弹出的下拉框会挡住页面显示内容,而且在某些情况下也不需要对input框进行记录,如号码查询的input框,用户不会对同一个号码进行多次查询,就没有必要让浏览器记录. MSIE自定义了input 的扩展属性 autocomplete,置为off即可 <input typ

Java 访问(复制,粘贴)剪切板（转）

以下共有4个函数分别是: 1.从剪切板获得文字. 2.将字符串复制到剪切板. 3.从剪切板获得图片. 4.复制图片到剪切板. Java代码 /** * 从剪切板获得文字. */ public static String getSysClipboardText() { String ret = ""; Clipboard sysClip = Toolkit.getDefaultToolkit().getSystemClipboard(); // 获取剪切板中的内容 Transfera

将标题空格替换为 '_' , 并自动复制到剪切板上

代码: #include <stdio.h> #include <string.h> #include <windows.h> #include <conio.h> //清空剪切板 int ClearClipboradBuffer() { HGLOBAL hClipboard = NULL; if( OpenClipboard( NULL ) ) { hClipboard = GetClipboardData( CF_TEXT ); GlobalFree(

复制到剪切板 兼容(IE/FF/Chrome/..)

复制到剪切板 兼容(IE/FF/Chrome/..)的相关文章

复制到剪切板兼容(IE/FF/Chrome/..)

复制到剪切板兼容(IE/FF/Chrome/..)的相关文章