`
xh584990686
  • 浏览: 11243 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

用JS/FLASH实现复制代码到剪贴板并且兼容所有浏览器

阅读更多

之前在用js查找很多点击复制到剪贴板的实现, 都不能很好的兼容不同的浏览器,下面我们用js和flash来实现复制代码到剪贴板兼容所有浏览器的代码如下。

 1, 引入js 和flash 文件.

       ZeroClipboard.js

       ZeroClipboard.swf

 2,   实现代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>代码之家-用JS/FLASH实现复制代码到剪贴板并且兼容所有浏览器</title>
<script type="text/javascript" src="/kindeditor-4.1.10/copy/ZeroClipboard.js"></script>
<script type="text/javascript" src="/lib/js/jquery.js"></script>
</head>
<body>
text: <input type="text" name="text" value="www.58code.cn 文本" id="text"/>
<input type="submit" name="btn_copy" value="复制1" id="btn_submit" />
<script type="text/javascript">
var clip = new ZeroClipboard.Client();
clip.setHandCursor(true);
var text= document.getElementById('text').value;
clip.setText(text);					
clip.glue("btn_submit");
</script>
</body>
</html>

 

 

分享到:
评论

相关推荐

    JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)

    目前,如果使用javascript来写复制到剪贴板的代码,一般都是浏览器不兼容的。所以采用flash的方式,模拟一个层,再来复制,就可以做到全部浏览器都适用哦~ 需要下载一个swf文件,和一个js文件。把这两个文件,和htm...

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

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

    用js将内容复制到剪贴板兼容浏览器

    若想通过js将内容复制到剪贴板,本来不难,可是若考虑到浏览器的兼容性问题,就变的有点麻烦,使用jquery-zclip复制是一个不错的选择,借助flash实现浏览器的兼容。原理就不细讲了,下面说下如何实现。比如我的html...

    JavaScript 复制功能代码 兼容多浏览器(ZeroClipboard)

    Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要...

    多浏览器兼容性比较好的复制到剪贴板的js代码

    对于非ie浏览器他是用flash来实现的,js代码如下: 代码如下: [removed] function copy_code(copyText) { if (window.clipboardData) { window.clipboardData.setData(“Text”, copyText) } else { var flashcopier...

    clipboard.js 前台剪切板demo

    clipboard.js是一个github上的开源项目,clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+

    单击复制文字兼容各浏览器的完美解决方案

    找了很久,由于之前没有接触过,完全不知道兼容ie及标准dom浏览器,不仅仅要通过js,而且需要flash的帮忙。clipboard.swf这个在网上都有下载.ie允许访问剪贴板。window.clipboardData可以访问 但是标准dom。看了一些...

    jQuery获取剪贴板内容的方法

    但是在Opera、Chrome、Safari浏览器中是不允许访问的,这样就产生了浏览器兼容的问题,怎么样才能让其他的浏览器兼容这个功能呢,在网上查找了一些资料——“使用flash去访问剪贴板”,然后把得到的值给JS,这样间接...

    KODExplorer 芒果云-资源管理器

    - 代码中grunt部分代码拆分开,放到程序外面;提交到git、osc - 桌面:删除alert enter快捷键删除 - install 检测 加入跳过,(只判断用到的函数) 加入多语言 - zip压缩没有权限 提示红色,false 统一查找 - 登录...

    web前端开发基本问题解决

    超链接访问过后hover...复制到系统剪贴板之IE,ff兼容版 javascript为FF设置首页 IE6使用滤镜使PNG图片透明后,容器内链接失效的问题 禁用文本框中文输入法的通用方法 我不是原创,我支持原创,我整理过的方便查看。

    网管教程 从入门到精通软件篇.txt

    CLP:Windows 剪贴板文件 CLL:Crick Software Clicker文件 CLS:Visual Basic类文件 CMD:Windows NT,OS/2的命令文件;DOS CD/M命令文件;dBASEⅡ程序文件 CPI:Microsoft MS-DOS代码页信息文件 CPL:控制...

Global site tag (gtag.js) - Google Analytics