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中prototype为对象添加属性的误区介绍
Oct 15 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
Nov 14 Javascript
jQuery实现选项卡切换效果简单演示
Dec 09 Javascript
javascript实现简单加载随机色方块
Dec 25 Javascript
jQuery插件datatables使用教程
Apr 21 Javascript
JavaScript原生数组Array常用方法
Apr 06 Javascript
Textarea输入字数限制实例(兼容iOS&amp;安卓)
Jul 06 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
Aug 23 Javascript
vue + typescript + 极验登录验证的实现方法
Jun 27 Javascript
json 带斜杠时如何解析的实现
Aug 12 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
Nov 04 Javascript
Javascript中Microtask和Macrotask鲜为人知的知识点
Apr 02 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
mysql 全文搜索 技巧
2007/04/27 PHP
php密码生成类实例
2014/09/24 PHP
PHP实现的方程求解示例分析
2016/11/11 PHP
php简单中奖算法(实例)
2017/08/15 PHP
js里怎么取select标签里的值并修改
2012/12/10 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
2013/10/11 Javascript
教你如何使用node.js制作代理服务器
2014/11/26 Javascript
jQuery使用height()获取高度需要注意的地方
2014/12/13 Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
2014/12/29 Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
2016/09/09 Javascript
Form表单按回车自动提交表单的实现方法
2016/11/18 Javascript
详解NodeJs支付宝移动支付签名及验签
2017/01/06 NodeJs
微信小程序 数据遍历的实现
2017/04/05 Javascript
详解小程序rich-text对富文本支持方案
2018/11/28 Javascript
解决小程序无法触发SESSION问题
2020/02/03 Javascript
解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目
2020/02/09 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
如何实现小程序与小程序之间的跳转
2020/11/04 Javascript
[04:42]5分钟带你了解什么是DOTA2(第一期)
2017/02/07 DOTA
[07:25]DOTA2-DPC中国联赛2月5日Recap集锦
2021/03/11 DOTA
Python的pycurl包用法简介
2015/11/13 Python
Windows中使用wxPython和py2exe开发Python的GUI程序的实例教程
2016/07/11 Python
利用Python中SocketServer 实现客户端与服务器间非阻塞通信
2016/12/15 Python
python使用 HTMLTestRunner.py生成测试报告
2017/10/20 Python
python生成圆形图片的方法
2020/03/25 Python
Django实现web端tailf日志文件功能及实例详解
2019/07/28 Python
解决python有时候import不了当前的包问题
2019/08/28 Python
如何更改 pandas dataframe 中两列的位置
2019/12/27 Python
css3弹性盒模型(Flexbox)详细介绍
2014/10/08 HTML / CSS
FORZIERI澳大利亚站:全球顶级奢华配饰精品店
2016/12/31 全球购物
餐饮加盟计划书
2014/01/10 职场文书
民主生活会对照检查材料(统计局)
2014/09/21 职场文书
学校领导班子四风问题整改意见
2014/10/02 职场文书
公文格式,规则明细(新手收藏)
2019/07/23 职场文书
慰问信(范文3篇)
2019/10/23 职场文书
python读取并查看npz/npy文件数据以及数据显示方法
2022/04/14 Python