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实现滑动图片自己测试的例子
Nov 05 Javascript
JS将光标聚焦在文本最后的实现代码
Mar 28 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
Sep 08 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
Dec 18 Javascript
详解vuejs几种不同组件(页面)间传值的方式
Jun 01 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
Feb 10 Javascript
解决vue中修改export default中脚本报一大堆错的问题
Aug 27 Javascript
vue添加axios,并且指定baseurl的方法
Sep 19 Javascript
解决LayUI数据表格复选框不居中显示的问题
Sep 25 Javascript
在VUE style中使用data中的变量的方法
Jun 19 Javascript
js+canvas实现转盘效果(两个版本)
Sep 13 Javascript
js实现简易拖拽的示例
Oct 26 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
PHP中实现进程间通讯
2006/10/09 PHP
COM in PHP (winows only)
2006/10/09 PHP
php实现购物车功能(下)
2016/01/05 PHP
PHP实现伪静态方法汇总
2016/01/13 PHP
PHP Smarty模版简单使用方法
2016/03/30 PHP
实现laravel 插入操作日志到数据库的方法
2019/10/11 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
Jquery实现自定义弹窗示例
2014/03/12 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
JS之相等操作符详解
2016/09/13 Javascript
nodejs Assert中equal(),strictEqual(),deepEqual(),strictDeepEqual()比较
2017/09/18 NodeJs
不到200行 JavaScript 代码实现富文本编辑器的方法
2018/01/03 Javascript
Node.js中的cluster模块深入解读
2018/06/11 Javascript
Vue实现图片与文字混输效果
2019/12/04 Javascript
详解Python中的type()方法的使用
2015/05/21 Python
wxPython定时器wx.Timer简单应用实例
2015/06/03 Python
合并百度影音的离线数据( with python 2.3)
2015/08/04 Python
详解python中的json的基本使用方法
2016/12/21 Python
对python数据切割归并算法的实例讲解
2018/12/12 Python
Django框架首页和登录页分离操作示例
2019/05/28 Python
Pandas把dataframe或series转换成list的方法
2020/06/14 Python
python环境搭建和pycharm的安装配置及汉化详细教程(零基础小白版)
2020/08/19 Python
python中使用.py配置文件的方法详解
2020/11/23 Python
Python OpenCV中的numpy与图像类型转换操作
2020/12/11 Python
Css3圆角边框制作代码
2015/11/18 HTML / CSS
HTML5教程之html 5 本地数据库(Web Sql Database)
2014/04/03 HTML / CSS
世界领先的豪华床上用品供应商之一:Bedeck Home
2019/03/18 全球购物
沃达丰英国有限公司:Vodafone英国
2019/04/16 全球购物
经贸日语专业个人求职信范文
2013/12/28 职场文书
一名老师的自我评价
2014/02/07 职场文书
产品设计开发计划书
2014/05/07 职场文书
销售员试用期自我评价
2014/09/15 职场文书
化工厂员工工作总结
2015/10/15 职场文书
机关单位2016年法制宣传日活动总结
2016/04/01 职场文书
Redis缓存-序列化对象存储乱码问题的解决
2021/06/21 Redis
Python的三个重要函数详解
2022/01/18 Python