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基础框架浅入剖析
Dec 27 Javascript
JS实现匀速运动的代码实例
Nov 29 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
May 11 Javascript
jQuery基于扩展简单实现倒计时功能的方法
May 14 Javascript
基于JQuery实现的跑马灯效果(文字无缝向上翻动)
Dec 02 Javascript
vue数据双向绑定原理解析(get &amp; set)
Mar 08 Javascript
javascript与PHP动态往类中添加方法对比
Mar 21 Javascript
详解ES6 Promise对象then方法链式调用
Oct 20 Javascript
Vue组件通信的几种实现方法
Apr 25 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
Jan 18 Javascript
JS async 函数的含义和用法实例总结
Apr 08 Javascript
openlayers实现地图测距测面
Sep 25 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
adodb与adodb_lite之比较
2006/12/31 PHP
Phpbean路由转发的php代码
2008/01/10 PHP
php session处理的定制
2009/03/16 PHP
PHP正则删除HTML代码中宽高样式的方法
2017/06/12 PHP
PHP实现Huffman编码/解码的示例代码
2018/04/20 PHP
php遍历目录下文件并按修改时间排序操作示例
2019/07/12 PHP
JS调用CS里的带参方法实例
2013/08/01 Javascript
事件委托与阻止冒泡阻止其父元素事件触发
2014/09/02 Javascript
window.open()实现post传递参数
2015/03/12 Javascript
jQuery点击输入框显示验证码图片
2016/05/19 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
2017/05/26 jQuery
JQuery实现table中tr上移下移的示例(超简单)
2018/01/08 jQuery
搭建element-ui的Vue前端工程操作实例
2018/02/23 Javascript
Vue组件开发技巧总结
2018/03/04 Javascript
nodeJS服务器的创建和重新启动的实现方法
2018/05/12 NodeJs
vue单页面应用打开新窗口显示跳转页面的实例
2018/09/21 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
2019/04/12 Javascript
js表达式与运算符简单操作示例
2020/02/15 Javascript
python中from module import * 的一个坑
2014/07/20 Python
Python图像灰度变换及图像数组操作
2016/01/27 Python
神经网络python源码分享
2017/12/15 Python
5分钟 Pipenv 上手指南
2018/12/20 Python
python+opencv实现高斯平滑滤波
2020/07/21 Python
Python实现简单的列表冒泡排序和反转列表操作示例
2019/07/10 Python
Django模板Templates使用方法详解
2019/07/19 Python
Django使用Channels实现WebSocket的方法
2019/07/28 Python
Python的互斥锁与信号量详解
2019/09/12 Python
PYTHON绘制雷达图代码实例
2019/10/15 Python
pycharm远程连接vagrant虚拟机中mariadb数据库
2020/06/05 Python
如何更换python默认编辑器的背景色
2020/08/10 Python
python dict如何定义
2020/09/02 Python
英国最大的美妆产品在线零售商之一:Beauty Bay
2017/09/29 全球购物
文明工地标语
2014/06/16 职场文书
民间个人借款协议书
2014/09/30 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
Java如何实现通过键盘输入一个数组
2022/02/15 Java/Android