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 相关文章推荐
stream.js 一个很小、完全独立的Javascript类库
Oct 28 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
Mar 14 Javascript
javascript获取隐藏dom的宽高 具体实现
Jul 14 Javascript
用js通过url传参把数据从一个页面传到另一个页面
Sep 01 Javascript
jQuery中:enabled选择器用法实例
Jan 04 Javascript
jQuery DataTables插件自定义Ajax分页实例解析
Apr 28 Javascript
js插件Jcrop自定义截取图片功能
Oct 14 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
Jun 16 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
Sep 11 Javascript
webpack学习教程之前端性能优化总结
Dec 05 Javascript
vue基于两个计算属性实现选中和全选功能示例
Feb 08 Javascript
vue 解决遍历对象显示的顺序不对问题
Nov 07 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
我的论坛源代码(一)
2006/10/09 PHP
php中常用编辑器推荐
2007/01/02 PHP
用PHP解决的一个栈的面试题
2014/07/02 PHP
php计算税后工资的方法
2015/07/28 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
超强多功能php绿色集成环境详解
2017/01/25 PHP
picChange 图片切换特效的函数代码
2010/05/06 Javascript
javascript与CSS复习(《精通javascript》)
2010/06/29 Javascript
IE6下CSS图片缓存问题解决方法
2010/12/09 Javascript
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
不同的jQuery API来处理不同的浏览器事件
2012/12/09 Javascript
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
jQuery实现表格行上移下移和置顶的方法
2015/05/22 Javascript
纯JavaScript代码实现移动设备绘图解锁
2015/10/16 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
Angular2关于@angular/cli默认端口号配置的问题
2017/07/15 Javascript
vue中七牛插件使用的实例代码
2017/07/28 Javascript
关于meta viewport中target-densitydpi属性详解(推荐)
2017/08/18 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
2019/06/11 Javascript
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
关于你不想知道的所有Python3 unicode特性
2014/11/28 Python
python实现各进制转换的总结大全
2017/06/18 Python
Python线性拟合实现函数与用法示例
2018/12/13 Python
浅谈Python爬虫基本套路
2019/03/25 Python
Python将json文件写入ES数据库的方法
2019/04/10 Python
Django自定义用户表+自定义admin后台中的字段实例
2019/11/18 Python
Pycharm同步远程服务器调试的方法步骤
2020/11/04 Python
享受加州生活方式的时尚舒适:XCVI
2018/07/09 全球购物
如何强制垃圾回收
2015/10/06 面试题
英语专业推荐信
2013/11/16 职场文书
商务英语专业求职信
2014/06/26 职场文书
物业保安岗位职责
2014/07/02 职场文书
学校端午节活动方案
2014/08/23 职场文书
2014年“向国旗敬礼”网上签名寄语活动方案
2014/09/27 职场文书
学习保证书100字
2015/02/26 职场文书
电影复兴之路观后感
2015/06/02 职场文书