WEB开发网
开发学院网页设计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>

Tags:js flash 实现

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接