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中的new的使用方法与注意事项
May 16 Javascript
js中的window.open返回object的错误的解决方法
Aug 15 Javascript
jquery验证表单中的单选与多选实例
Aug 18 Javascript
avalonjs实现仿微博的图片拖动特效
May 06 Javascript
总结AngularJS开发者最常犯的十个错误
Aug 31 Javascript
js判断iframe中元素是否存在的实现代码
Dec 24 Javascript
JS实现登录页密码的显示和隐藏功能
Dec 06 Javascript
微信小程序使用swiper组件实现层叠轮播图
Nov 04 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
Mar 29 Javascript
精读《Vue3.0 Function API》
May 20 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 Javascript
基于脚手架创建Vue项目实现步骤详解
Aug 03 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
PHP页面间传递参数实例代码
2008/06/05 PHP
PHP集成百度Ueditor 1.4.3
2014/11/23 PHP
学习php设计模式 php实现原型模式(prototype)
2015/12/07 PHP
Thinkphp框架+Layui实现图片/文件上传功能分析
2020/02/07 PHP
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
2007/12/23 Javascript
jQuery Ajax之$.get()方法和$.post()方法
2009/10/12 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
JavaScript中创建字典对象(dictionary)实例
2015/03/31 Javascript
JavaScript中setUTCMilliseconds()方法的使用详解
2015/06/12 Javascript
浅谈js 闭包引起的内存泄露问题
2015/06/22 Javascript
JavaScript中的this到底是什么(一)
2015/12/09 Javascript
js实现楼层效果的简单实例
2016/07/15 Javascript
简单理解vue中track-by属性
2016/10/26 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
2018/03/24 Javascript
JS异步错误捕获的一些事小结
2019/04/26 Javascript
使用 Vue cli 3.0 构建自定义组件库的方法
2019/04/30 Javascript
ES6 Promise对象概念及用法实例详解
2019/10/15 Javascript
js计时事件实现圆形时钟
2020/03/25 Javascript
python计算两个数的百分比方法
2018/06/29 Python
Python HTML解析模块HTMLParser用法分析【爬虫工具】
2019/04/05 Python
python+selenium 鼠标事件操作方法
2019/08/24 Python
Python3将ipa包中的文件按大小排序
2020/04/17 Python
pip 20.3 新版本发布!即将抛弃 Python 2.x(推荐)
2020/12/16 Python
CSS3下的渐变文字效果实现示例
2018/03/02 HTML / CSS
HTML5 Canvas阴影使用方法实例演示
2013/08/02 HTML / CSS
详解HTML5中的元素与元素
2015/08/17 HTML / CSS
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
Linux的主要特性
2014/10/06 面试题
大学生预备党员自我评价分享
2013/11/16 职场文书
旅游文化节策划方案
2014/06/06 职场文书
行政文员实习自我鉴定范文
2014/09/14 职场文书
食品仓管员岗位职责
2015/04/01 职场文书
Windows11性能真的上涨35%? 桌面酷睿i9实测结果公开
2021/11/21 数码科技
Win11如何设置右键单击显示所有选项?Win11右键单击显示所有选项设置教程
2022/04/08 数码科技