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使用eval或者new Function进行语法检查
Oct 16 Javascript
原生JS可拖动弹窗效果实例代码
Nov 09 Javascript
用Javascript获取页面元素的具体位置
Dec 09 Javascript
window.location.href中url中数据量太大时的解决方法
Dec 23 Javascript
理解Javascript的动态语言特性
Jun 17 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
Feb 24 Javascript
jQuery布局组件EasyUI Layout使用方法详解
Feb 28 Javascript
JS中cookie的使用及缺点讲解
May 13 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 Javascript
原生JavaScript实现的简单放大镜效果示例
Feb 07 Javascript
谈谈JavaScript中的函数
Sep 08 Javascript
修改NPM全局模式的默认安装路径的方法
Dec 15 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无限级分类代码
2015/11/11 PHP
在Yii2中使用Pjax导致Yii2内联脚本载入失败的原因分析
2016/03/06 PHP
PHP生成word文档的三种实现方式
2016/11/14 PHP
浅谈Laravel中的一个后期静态绑定
2017/08/11 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
input、button的不同type值在ajax提交表单时导致的陷阱
2009/02/24 Javascript
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
window.print打印指定div实例代码
2013/12/13 Javascript
jquery动态改变form属性提交表单
2014/06/03 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
2015/09/04 Javascript
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
2015/10/27 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
2015/11/16 Javascript
jQuery ajax分页插件实例代码
2016/01/27 Javascript
JS构造函数与原型prototype的区别介绍
2016/07/04 Javascript
input 禁止输入特殊字符的四种实现方式
2016/08/24 Javascript
Javascript点击按钮随机改变数字与其颜色
2016/09/01 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
利用three.js画一个3D立体的正方体示例代码
2017/11/19 Javascript
JavaScript数据结构之单链表和循环链表
2017/11/28 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
2019/04/24 Javascript
nodejs简单抓包工具使用详解
2019/08/23 NodeJs
python插入数据到列表的方法
2015/04/30 Python
详解Python中的Descriptor描述符类
2016/06/14 Python
MySQL适配器PyMySQL详解
2017/09/20 Python
Python生成短uuid的方法实例详解
2018/05/29 Python
Python3.5实现的三级菜单功能示例
2019/03/25 Python
python中加背景音乐如何操作
2020/07/19 Python
HTML5+WebSocket实现多文件同时上传的实例
2016/12/29 HTML / CSS
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
介绍一下Java中的Class类
2015/04/10 面试题
最新销售员个人自荐信
2013/09/21 职场文书
就业协议书怎么填
2014/04/11 职场文书
竞选班干部演讲稿300字
2014/08/20 职场文书
导游词之丽江普济寺
2019/10/22 职场文书
Nginx 安装SSL证书完成HTTPS部署
2022/04/28 Servers