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 相关文章推荐
30分钟就入门的正则表达式基础教程
Feb 25 Javascript
js表头排序实现方法
Jan 16 Javascript
JavaScript学习笔记之JS函数
Jan 22 Javascript
javascript中sort() 方法使用详解
Aug 30 Javascript
去除字符串左右两边的空格(实现代码)
May 12 Javascript
jQuery简单实现点击文本框复制内容到剪贴板上的方法
Aug 01 Javascript
原生JS实现导航下拉菜单效果
Nov 25 Javascript
利用vueJs实现图片轮播实例代码
Jun 03 Javascript
完美解决linux下node.js全局模块找不到的情况
May 16 Javascript
基于vue.js实现分页查询功能
Dec 29 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
微信小程序选择图片控件
Jan 19 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自动给文章加关键词链接的函数代码
2012/11/29 PHP
php网站判断用户是否是手机访问的方法
2013/11/01 PHP
一个PHP针对数字的加密解密类
2014/03/20 PHP
php实现的双向队列类实例
2014/09/24 PHP
为PHP安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法
2014/11/03 PHP
php上传文件问题汇总
2015/01/30 PHP
使用php转义输出HTML到JavaScript
2015/03/27 PHP
PHP 返回数组后处理方法(开户成功后弹窗提示)
2017/07/03 PHP
php伪静态验证码不显示的解决方案
2019/09/26 PHP
js 数组克隆方法 小结
2010/03/20 Javascript
js中split函数的使用方法说明
2013/12/26 Javascript
Javascript中this的用法详解
2014/09/22 Javascript
javascript截取字符串小结
2015/04/28 Javascript
Bootstrap 模态框实例插件案例分析
2016/12/28 Javascript
JavaScript高阶函数_动力节点Java学院整理
2017/06/28 Javascript
详谈innerHTML innerText的使用和区别
2017/08/18 Javascript
详解使用vscode+es6写nodejs服务端调试配置
2017/09/21 NodeJs
nodejs读取本地中文json文件出现乱码解决方法
2018/10/10 NodeJs
深入理解es6块级作用域的使用
2019/03/28 Javascript
Vue 中 a标签上href无法跳转的解决方式
2019/11/12 Javascript
Python 字符串操作实现代码(截取/替换/查找/分割)
2013/06/08 Python
python动态监控日志内容的示例
2014/02/16 Python
python从入门到精通(DAY 1)
2015/12/20 Python
基于python的七种经典排序算法(推荐)
2016/12/08 Python
Python中元组,列表,字典的区别
2017/05/21 Python
Python探索之pLSA实现代码
2017/10/25 Python
Python实现动态添加属性和方法操作示例
2018/07/25 Python
从0开始的Python学习014面向对象编程(推荐)
2019/04/02 Python
详解Python3之数据指纹MD5校验与对比
2019/06/11 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
研发工程师的岗位职责
2013/11/18 职场文书
户外活动策划方案
2014/03/12 职场文书
小学班主任寄语大全
2014/04/04 职场文书
严以律己学习心得体会
2016/01/13 职场文书
使用Python的开发框架Brownie部署以太坊智能合约
2021/05/28 Python