开发学院网页设计 JavaScript 用js+flash实现网页中复制数据功能阅读

用js+flash实现网页中复制数据功能

　2010-09-14 13:04:53　来源：WEB开发网　　　

核心提示：本文示例源代码或素材下载经常在网页上看见“复制本页网址，给你的朋友分享”之类的话，用js+flash实现网页中复制数据功能，点按钮，在IE下能复制成功，而在firefox和opera等其他浏览器就不行，下面的例子使用js+flash(as)实现了在不同浏览器里复制的功能

本文示例源代码或素材下载

经常在网页上看见“复制本页网址，给你的朋友分享”之类的话，点按钮，在IE下能复制成功，而在firefox和opera等其他浏览器就不行。

下面的例子使用js+flash(as)实现了在不同浏览器里复制的功能，这样做的好处就是规避了浏览器兼容的问题。也就是说支持firefox,IE,OPERA

怎样使用？

1.先下载这个FLASH文件：文章末尾处链接地址可下载

2.代码如下：

<html>
<head>
<title>用js+flash实现网页上的文本复制</title>
</head>
<body>
<script type="text/javascript" language="javascript">
function copyit(textit) {
if (window.clipboardData) {
window.clipboardData.setData("Text",textit);
} else {
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=http://tech.ddvip.com/2007-08/"_clipboard.swf" FlashVars="clipboard='+textit+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
document.getElementById(flashcopier).innerHTML = divinfo;
}
}
//copyit("")
</script>
<input type="text" value="用flash+javscript实现网页上的文本复制" id="g">
<a href="javascript:copyit(document.getElementById('g').value);">复制一下</a>
</body>
</html>