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 相关文章推荐
面向对象的Javascript之二(接口实现介绍)
Jan 27 Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
Aug 02 Javascript
JS区分浏览器页面是刷新还是关闭
Apr 17 Javascript
url传递的参数值中包含&amp;时,url自动截断问题的解决方法
Aug 02 Javascript
JavaScript中的对象和原型(一)
Aug 12 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
Aug 17 Javascript
jquery实现下拉框左右选择功能
Feb 21 Javascript
jquery事件与绑定事件
Mar 16 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
Sep 21 Javascript
JS实现移动端整屏滑动的实例代码
Nov 10 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
May 17 Javascript
基于jquery实现彩色投票进度条代码解析
Aug 26 jQuery
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
php header功能的使用
2013/10/28 PHP
Yii2中使用join、joinwith多表关联查询
2016/06/30 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
javascript深入理解js闭包
2010/07/03 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
js中判断变量类型函数typeof的用法总结
2016/08/09 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
2017/01/13 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
2017/02/27 Javascript
值得分享和收藏的xmlplus组件学习教程
2017/05/05 Javascript
详细AngularJs4的图片剪裁组件的实例
2017/07/12 Javascript
Angularjs cookie 操作实例详解
2017/09/27 Javascript
angularJs中ng-model-options设置数据同步的方法
2018/09/30 Javascript
移动端(微信等使用vConsole调试console的方法
2019/03/05 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
2019/10/12 jQuery
jQuery实现高度灵活的表单验证功能示例【无UI】
2020/04/30 jQuery
微信小程序中data-key属性之数据传输(经验总结)
2020/08/22 Javascript
原生js实现照片墙效果
2020/10/13 Javascript
Python 文件管理实例详解
2015/11/10 Python
python获取网页中所有图片并筛选指定分辨率的方法
2018/03/31 Python
Python自定义函数实现求两个数最大公约数、最小公倍数示例
2018/05/21 Python
python实现图片中文字分割效果
2019/07/22 Python
python数值基础知识浅析
2019/11/19 Python
网络方面基础面试题
2012/11/16 面试题
计算机专业学生求职信分享
2013/12/15 职场文书
运动会稿件50字
2014/02/17 职场文书
股权收购意向书
2014/04/01 职场文书
安全标语口号
2014/06/09 职场文书
教师批评与自我批评剖析材料
2014/10/16 职场文书
乔布斯辞职信(中英文对照)
2015/05/12 职场文书
追悼词范文大全
2015/06/23 职场文书
2015年中学团委工作总结
2015/07/22 职场文书
OpenCV-Python实现图像平滑处理操作
2021/06/08 Python
分享mysql的current_timestamp小坑及解决
2021/11/27 MySQL