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实例教程(19) 使用HoTMetal(3)
Dec 23 Javascript
javascript中的array数组使用技巧
Jan 31 Javascript
JS 实现点击a标签的时候让其背景更换
Oct 15 Javascript
js实现单行文本向上滚动效果实例代码
Nov 28 Javascript
Bootstrap模仿起筷首页效果
May 09 Javascript
AngularJS入门教程之数据绑定用法示例
Nov 01 Javascript
js倒计时显示实例
Dec 11 Javascript
原生JavaScript实现AJAX、JSONP
Feb 07 Javascript
详解EasyUi控件中的Datagrid
Aug 23 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
Feb 22 Javascript
vue.js的computed,filter,get,set的用法及区别详解
Mar 08 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
Aug 21 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 批量更新网页内容实现代码
2010/01/05 PHP
php基于base64解码图片与加密图片还原实例
2014/11/03 PHP
PHP+Ajax实现验证码的实时验证
2016/07/20 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
2018/02/06 PHP
js实现特定位取反原理及示例
2014/06/30 Javascript
js如何实现点击标签文字,文字在文本框出现
2015/08/05 Javascript
web前端开发upload上传头像js示例代码
2016/10/22 Javascript
jsTree使用记录实例
2016/12/01 Javascript
jquery中用函数来设置css样式
2016/12/22 Javascript
jQuery validate 验证radio实例
2017/03/01 Javascript
原生JS实现圆环拖拽效果
2017/04/07 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
2017/04/13 Javascript
JavaScript+HTML5实现的日期比较功能示例
2017/07/12 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
2018/03/10 Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
2018/05/13 Javascript
JS设置自定义快捷键并实现图片上下左右移动
2019/10/17 Javascript
django使用图片延时加载引起后台404错误
2017/04/18 Python
详解TensorFlow查看ckpt中变量的几种方法
2018/06/19 Python
使用Python完成15位18位身份证的互转功能
2019/11/06 Python
Python paramiko 模块浅谈与SSH主要功能模拟解析
2020/02/29 Python
python3实现往mysql中插入datetime类型的数据
2020/03/02 Python
Python3.7将普通图片(png)转换为SVG图片格式(网站logo图标)动起来
2020/04/21 Python
python中selenium库的基本使用详解
2020/07/31 Python
Python安装第三方库攻略(pip和Anaconda)
2020/10/15 Python
Python3利用openpyxl读写Excel文件的方法实例
2021/02/03 Python
css3 box-sizing属性使用参考指南
2013/01/08 HTML / CSS
美国领先的在线旅游网站:Orbitz
2018/11/05 全球购物
应用服务器有那些
2012/01/19 面试题
Linux面试题LINUX系统类
2014/11/19 面试题
UNIX文件系统常用命令
2012/05/25 面试题
大学生职业生涯设计书
2014/01/02 职场文书
公共机构节能宣传周活动总结
2014/07/09 职场文书
2016情人节宣传语
2015/07/14 职场文书
2016年“七一建党节”广播稿
2015/12/18 职场文书
会议开幕致辞怎么写
2016/03/03 职场文书
Python 如何安装Selenium
2021/05/06 Python