JavaScript 复制功能代码兼容多浏览器- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 复制功能代码兼容多浏览器

技术文章搜索

关键字

Javascript 中的 JavaScript 复制功能代码兼容多浏览器

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 380 ::

收藏到网摘: n/a

图片与JavaScript配合做出个性滚动条图片与文字半透明效果鼠标移上不透明

使用JavaScript直接复制指定的内容，经过Opera、Safari、google、Firefox及IE等多个种类浏览器测试，均功能正常. 因此兼容性没得说了，现在用不上的话，先收藏一下吧。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript 复制功能代码，兼容多浏览器</title>
</head>
<script language="javascript">
//ie
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="/upload/tech/20100110/20100110113237_2823f4797102ce1a1aec05359cc16dd9.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.ruanchen.com" id="txtPhotoPath" type="text" size="65" />
<input type="button" name="btnCopy" id="btnCopy" onClick="copyValue('www.ruanchen.com');" value="复制" />
</div>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

图片与JavaScript配合做出个性滚动条图片与文字半透明效果鼠标移上不透明

Javascript 中的 JavaScript 复制功能代码 兼容多浏览器

评论 (0) All

Javascript 中的 JavaScript 复制功能代码兼容多浏览器