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


Posted in Javascript onJuly 04, 2013

单击复制文字的js。找了很久,由于之前没有接触过,完全不知道兼容ie及标准dom浏览器,不仅仅要通过js,而且需要flash的帮忙。clipboard.swf这个在网上都有下载.

ie允许访问剪贴板。window.clipboardData可以访问
但是标准dom。看了一些文章说的都是用flash设置隐藏。但是flash10是不支持。
但是,还有个方法是可行的,固记录一下,以下方法支持标准dom.

(function () { 
window['Util'] = { 
CACHE:{}, 
getText : function(){ 
return Util.CACHE.CLIPBOARD_TEXT; 
}, 
successHide : function(){ 
alert("复制北海365网招聘邮件地址!"); 
}, 
Copy : function (pStr,hasReturn, isdo) { 
var html = []; 
html.push('<object type="application/x-shockwave-flash" data="clipboard.swf?gettext=Util.getText&success=Util.successHide" width="50" height="40" style="position:relative;top:11px;left:-50px;" id="ff_clipboard_swf">'); 
html.push('<param name="quality" value="high" />'); 
html.push('<param name="allowScriptAccess" value="sameDomain" />'); 
html.push('<param name="allowFullScreen" value="true" />'); 
html.push('<param name="wmode" value="transparent" />'); 
html.push('</object>'); 
var yu=document.getElementById('copy').innerHTML; 
document.getElementById('copy').innerHTML=yu+html.join(''); 
Util.CACHE.CLIPBOARD_TEXT = pStr; 
} 
} 
Util.Copy('zhaopin@beihai365.com '); 
})();


如果要兼容ie。还得加上

if (window.clipboardData) { 
window.clipboardData.setData("Text",pStr); 
Util.successHide(); 
}


最后这样能实现单击复制文字,并且兼容各浏览器。记住。swf的路径一定要对!如果不对是不出现手型的,这是特征。

(function () { 
window['Util'] = { 
CACHE:{}, 
getText : function(){ 
return Util.CACHE.CLIPBOARD_TEXT; 
}, 
successHide : function(){ 
alert("复制北海365网招聘邮件地址!"); 
}, 
Copy : function (pStr,hasReturn, isdo) { 
var copy=document.getElementById('copy'); 
if (window.clipboardData) { 
copy.onclick=function(){ 
window.clipboardData.setData("Text",pStr); 
Util.successHide(); 
} 
} else { 
var html = []; 
html.push('<object type="application/x-shockwave-flash" data="clipboard.swf?gettext=Util.getText&success=Util.successHide" width="50" height="40" style="position:relative;top:11px;left:-50px;" id="ff_clipboard_swf">'); 
html.push('<param name="quality" value="high" />'); 
html.push('<param name="allowScriptAccess" value="sameDomain" />'); 
html.push('<param name="allowFullScreen" value="true" />'); 
html.push('<param name="wmode" value="transparent" />'); 
html.push('</object>'); 
var yu=copy.innerHTML; 
copy.innerHTML=yu+html.join(''); 
Util.CACHE.CLIPBOARD_TEXT = pStr; 
} 
} 
} 
Util.Copy('zhaopin@beihai365.com '); 
})();
Javascript 相关文章推荐
javascript的对话框详解与参数
Mar 08 Javascript
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
Jan 11 Javascript
JS实现点击文字对应DIV层不停闪动效果的方法
Mar 02 Javascript
jquery弹出遮掩层效果【附实例代码】
Apr 28 Javascript
BootStrap轮播HTML代码(推荐)
Dec 10 Javascript
js实现悬浮窗效果(支持拖动)
Mar 09 Javascript
es6 字符串String的扩展(实例讲解)
Aug 03 Javascript
vue项目动态设置页面title及是否缓存页面的问题
Nov 08 Javascript
使用NestJS开发Node.js应用的方法
Dec 03 Javascript
JQueryDOM之样式操作
Mar 27 jQuery
vue如何实现自定义底部菜单栏
Jul 01 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
Jul 21 Javascript
把input初始值不写value的具体实现方法
Jul 04 #Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
Jul 04 #Javascript
简单实用jquery版三级联动select示例
Jul 04 #Javascript
原生javascript和jquery判断浏览器版本等信息
Jul 04 #Javascript
js将控件隐藏的方法及display属性介绍
Jul 04 #Javascript
Jquery多选框互相内容交换的实例代码
Jul 04 #Javascript
js局部刷新页面时间具体实现
Jul 04 #Javascript
You might like
浅析HTTP消息头网页缓存控制以及header常用指令介绍
2013/06/28 PHP
php实现读取超大文件的方法
2014/07/28 PHP
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
JavaScript中的一些定位属性[图解]
2010/07/14 Javascript
基于jQuery的星级评分插件
2011/08/12 Javascript
JavaScript生成GUID的多种算法小结
2013/08/18 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
javaScript使用EL表达式的几种方式
2014/05/27 Javascript
js实现数组转换成json
2015/06/26 Javascript
浅析javascript的return语句
2015/12/15 Javascript
jQuery针对input的class属性写了多个值情况下的选择方法
2016/06/03 Javascript
Vue.js中的computed工作原理
2018/03/22 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
vue初始化动画加载的实例
2018/09/01 Javascript
小程序登录态管理的方法示例
2018/11/13 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
2018/12/12 Javascript
小程序实现投票进度条
2019/11/20 Javascript
python基础教程之缩进介绍
2014/08/29 Python
python字符串str和字节数组相互转化方法
2017/03/18 Python
使用python实现unix2dos和dos2unix命令的例子
2019/08/13 Python
python创建与遍历List二维列表的方法
2019/08/16 Python
使用matlab 判断两个矩阵是否相等的实例
2020/05/11 Python
Python爬虫制作翻译程序的示例代码
2021/02/22 Python
纯DOM+CSS3实现简单的小风车动画
2016/09/27 HTML / CSS
CSS3为背景图设置遮罩并解决遮罩样式继承问题
2020/06/22 HTML / CSS
DNA测试:Orig3n
2019/03/01 全球购物
环境科学专业个人求职的自我评价
2013/11/28 职场文书
简历中的自我评价范文
2014/02/05 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
企业文明单位申报材料
2014/05/16 职场文书
小学优秀班干部事迹材料
2014/05/25 职场文书
文明工地标语
2014/06/16 职场文书
办公室行政主管岗位职责
2015/04/09 职场文书
2015年学校政教工作总结
2015/07/20 职场文书
交通事故责任认定书
2015/08/06 职场文书
SQL实现LeetCode(178.分数排行)
2021/08/04 MySQL