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 相关文章推荐
jquery tools之tooltip
Jul 25 Javascript
js跳转页面方法实现汇总
Feb 11 Javascript
使用javascript实现监控视频播放并打印日志
Jan 05 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
Oct 08 Javascript
论JavaScript模块化编程
Mar 07 Javascript
jQuery实现的纵向下拉菜单实例详解【附demo源码下载】
Jul 09 Javascript
Ionic2系列之使用DeepLinker实现指定页面URL
Nov 21 Javascript
巧用canvas
Jan 21 Javascript
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
Jul 30 Javascript
JavaScript伪数组用法实例分析
Dec 22 Javascript
Vue项目中使用WebUploader实现文件上传的方法
Jul 21 Javascript
uniapp微信小程序实现一个页面多个倒计时
Nov 01 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
ThinkPHP打开验证码页面显示乱码的解决方法
2014/12/18 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
smarty高级特性之过滤器的使用方法
2015/12/25 PHP
PHP动态生成指定大小随机图片的方法
2016/03/25 PHP
thinkPHP2.1自定义标签库的导入方法详解
2016/07/20 PHP
Javascript 写的简单进度条控件
2008/01/22 Javascript
javascript 字符 Escape,encodeURI,encodeURIComponent
2009/07/09 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
Javascript数组Array方法解读
2016/03/13 Javascript
node.js cookie-parser 中间件介绍
2016/06/06 Javascript
简单实现jQuery级联菜单
2017/01/09 Javascript
基于Nodejs利用socket.io实现多人聊天室
2017/02/22 NodeJs
详解IWinter 一个路由转控制器的 Nodejs 库
2017/11/15 NodeJs
vue实现商城上货组件简易版
2017/11/27 Javascript
javascript修改浏览器title方法 JS动态修改浏览器标题
2017/11/30 Javascript
JavaScript实现全选取消效果
2017/12/14 Javascript
React 组件间的通信示例
2018/06/14 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
2018/12/12 Javascript
js将URL网址转为16进制加密与解密函数
2020/03/04 Javascript
使用eslint和githooks统一前端风格的技巧
2020/07/29 Javascript
Python中Iterator迭代器的使用杂谈
2016/06/20 Python
python3实现跳一跳点击跳跃
2018/01/08 Python
Python爬虫爬取新浪微博内容示例【基于代理IP】
2018/08/03 Python
python wav模块获取采样率 采样点声道量化位数(实例代码)
2020/01/22 Python
详解用selenium来下载小姐姐图片并保存
2021/01/26 Python
华为菲律宾官方网站:HUAWEI Philippines
2021/02/23 全球购物
楼面经理岗位职责范本
2014/02/18 职场文书
纠风工作实施方案
2014/03/15 职场文书
党支部书记岗位职责
2015/02/15 职场文书
2015年卫生监督工作总结
2015/05/21 职场文书
开业庆典嘉宾致辞
2015/08/01 职场文书
2015年中学体育教师工作总结
2015/10/23 职场文书
社区服务理念口号
2015/12/25 职场文书
如何使用Tkinter进行窗口的管理与设置
2021/06/30 Python
HTML中的表格元素介绍
2022/02/28 HTML / CSS
美国运营商 T-Mobile 以 117.83Mb/s 的速度排第一位
2022/04/21 数码科技