JavaScript 实现完美兼容多浏览器的复制功能代码


Posted in Javascript onApril 28, 2015

分享一段利用 JavaScript 实现复制功能的代码,兼容多浏览器,兼容IE和火狐浏览器。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>JavaScript 复制功能代码,兼容多浏览器</title> 
</head> 
<script language="javascript"> 
copyValue=function(strValue){ 
  if(isIE()){ 
    clipboardData.setData("Text",strValue); 
    alert("您已成功复制了此地址"); 
  }else{ 
    copy(strValue); 
    alert("内容已被复制!"); 
  } 
} 
function isIE(number){ 
  if(typeof(number)!=number){ 
    return!!document.all; 
  } 
} 
function copy(text2copy){ 
  var flashcopier = 'flashcopier'; 
  if(!document.getElementById(flashcopier)){ 
    var divholder = document.createElement('div'); 
    divholder.id = flashcopier; 
    document.body.appendChild(divholder); 
  } 
  document.getElementById(flashcopier).innerHTML = ''; 
  var divinfo = '<embed src="//img.jbzj.com/demoimg/200910/_clipboard.swf" FlashVars="clipboard='+text2copy+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';//这里是关键 
  document.getElementById(flashcopier).innerHTML = divinfo; 
} 
</script> 
<div class="phoinfo"> 
贴图地址:<input name="txtPhotoPath" value="www.daimajiayuan.com" id="txtPhotoPath" type="text" size="65" /> 
<input type="button" name="btnCopy" id="btnCopy" onClick="copyValue('www.daimajiayuan.com');" value="复制" /> 
</div> 
</body> 
</html>

以上所述就是本文给大家的分享的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
仿服务器端脚本方式的JS模板实现方法
Apr 27 Javascript
Jquery作者John Resig自己封装的javascript 常用函数
Nov 09 Javascript
jquery tab插件制作实现代码
Jun 22 Javascript
Jquery中删除元素的实现代码
Dec 29 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
Nov 19 Javascript
JS实现字体选色板实例代码
Nov 20 Javascript
js跑步算法的实现代码
Dec 04 Javascript
jquery操作select大全
Apr 25 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 Javascript
Node.js的特点详解
Feb 03 Javascript
Angular实现双向折叠列表组件的示例代码
Nov 21 Javascript
用webAPI实现图片放大镜效果
Nov 23 Javascript
jQuery通过Ajax返回JSON数据
Apr 28 #Javascript
javascript实现控制文字大中小显示
Apr 28 #Javascript
Jquery中$.post和$.ajax的用法小结
Apr 28 #Javascript
轻量级的原生js日历插件calendar.js使用指南
Apr 28 #Javascript
javascript中Function类型详解
Apr 28 #Javascript
浅谈Jquery为元素绑定事件
Apr 27 #Javascript
javascript实现实时输出当前的时间
Apr 27 #Javascript
You might like
discuz论坛 用户登录 后台程序代码
2008/11/27 PHP
PHP 递归效率分析
2009/11/24 PHP
thinkphp3查询mssql数据库乱码解决方法分享
2014/02/11 PHP
PHP实现的多文件上传类及用法示例
2016/05/06 PHP
Zend Framework入门教程之Zend_Config组件用法详解
2016/12/09 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
PHP PDOStatement::bindValue讲解
2019/01/30 PHP
Yii2框架自定义验证规则操作示例
2019/02/08 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
Javascript技术技巧大全(五)
2007/01/22 Javascript
javascript Zifa FormValid 0.1表单验证 代码打包下载
2007/06/08 Javascript
Javascript 篱式条件判断
2008/08/22 Javascript
JS小框架 fly javascript framework
2009/11/26 Javascript
判断目标是否是window,document,和拥有tagName的Element的代码
2010/05/31 Javascript
JQuery操作tr和td内容的方法实例
2013/03/06 Javascript
jQuery实现的网页竖向菜单效果代码
2015/08/26 Javascript
jquery实现树形菜单完整代码
2015/12/29 Javascript
javascript中闭包(Closure)详解
2016/01/06 Javascript
D3.js中强制异步文件读取同步的几种方法
2017/02/06 Javascript
JavaScript遍历DOM元素的常见方式示例
2019/02/16 Javascript
js实现数字从零慢慢增加到指定数字示例
2019/11/07 Javascript
Python实现向QQ群成员自动发邮件的方法
2014/11/19 Python
pygame 精灵的行走及二段跳的实现方法(必看篇)
2017/07/10 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
Mac安装python3的方法步骤
2019/08/09 Python
python中open函数的基本用法示例
2019/09/07 Python
六种酷炫Python运行进度条效果的实现代码
2020/07/17 Python
Python3爬虫关于识别检验滑动验证码的实例
2020/07/30 Python
在python中对于bool布尔值的取反操作
2020/12/11 Python
HTML5 Canvas图像模糊完美解决办法
2018/02/06 HTML / CSS
国外平面设计素材网站:The Hungry JPEG
2017/03/28 全球购物
博士研究生自我鉴定范文
2013/12/04 职场文书
内刊编辑求职自荐书范文
2014/02/19 职场文书
2014年道德讲堂实施方案
2014/03/05 职场文书
小学兴趣小组活动总结
2014/07/07 职场文书
普希金诗歌赏析(6首)
2019/08/22 职场文书