众所周知,在网页中若想实现点击按钮自动复制到剪贴板中可以用以下代码实现:
if(window.clipboardData) {
window.clipboardData.clearData();
window.clipboardData.setData("text", "这是复制的文字");
}
但可惜的是,这种方式只支持IE内核浏览器。
而对于浏览器来说,Flash不存在兼容性问题,因此我们可以通过ActionScript来实现复制:
System.setClipboard("你要复制的内容");
而网页中要做的是显示并通过flashvars将内容传给Flash。
<object type="application/x-shockwave-flash" data="clipboard.swf" width="16" height="16" id="clipboard" style="position:absolute;">
<param name="wmode" value="transparent">
<param name="allowScriptAccess" value="always">
<param name="flashvars" value="content=要复制的内容">
</object>
也有一种更加简洁的方法:
<embed width="16" height="16" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" flashvars="clipboard=要复制的内容" menu="false" src="clipboard.swf" />
当然现在只是一片空白,怎么给它加上图片或者文字呢?
<div style="position:relative;">
<object type="application/x-shockwave-flash" data="clipboard.swf" width="100%" height="100%" id="clipboard" style="position:absolute;">
<param name="wmode" value="transparent">
<param name="allowScriptAccess" value="always">
<param name="flashvars" value="content=要复制的内容">
</object>
<a href="#">复制</a>
</div>
或
<div style="position:relative;">
<embed width="16" height="16" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" flashvars="clipboard=要复制的内容" menu="false" src="clipboard.swf" style="position:absolute;" />
<a href="#">复制</a>
</div>
若要显示图片的话就直接将[ccei_html]<a href="#">复制</a>[/ccei_html]换成[ccei_html]<img src="图片地址" />[/ccei_html]即可,当然还要注意修改Flash的大小使之与文字或图片匹配,效果如同代码高亮右上角复制按钮。
点此查看Demo
下载clipboard.swf(右键另存为)
点此下载源文件
=======================签 名 档=======================
原文地址(我的博客):http://www.clanfei.com/2012/05/926.html
欢迎访问交流,至于我为什么要多弄一个博客,因为我热爱前端,热爱网页,我更希望有一个更加自由、真正属于我自己的小站,或许并不是那么有名气,但至少能够让我为了它而加倍努力。。
=======================签 名 档=======================
分享到:
相关推荐
主流内核浏览器开启Flash教程,简洁明了,希望帮到大家。
flash as3版连连看,非常简洁,注释明确
DIV向上滚动JavaScript示例, 可用于实现新闻滚动效果,很简洁。 测试可兼容于IE、FireFox、Chrome、Opera、Safari等浏览器。
jQuery图片折叠轮换代码,可以点击左右箭头按钮切换图片,漂亮简洁。兼容主流浏览器
flash效果js幻灯 纯 js幻灯 兼容所有浏览器 可随意更换。灵活使用。代码简洁明了,翻页效果切换
红色按钮简洁flash模板 http://www.flashline.cn/web/20111031/8946.html
简洁完整的flash拼图游戏(AS3.0) 用键盘上下左右来挪动图片
7.网址导航:在新建页面有热门的网址导航按钮,方便访问常用网址 8.智能地址栏功能、地址栏搜索功能,方便使用查询,一键完成; 特点: 体积小仅有770K,速度快网页打开速度0.1秒, 防页面假死,双进程运用多进程...
VB浏览器 多页面浏览器 浏览器,测试成功的
纯CSS实现的3D简洁按钮设计.
DIV滚动效果JavaScript示例,可用于实现新闻滚动效果,很简洁。包含了上下左右4个方向。 测试可兼容于IE、FireFox、Chrome、Opera、Safari等浏览器。
jQuery简洁全屏banner图片切换代码,兼容主流浏览器
VB简洁多页面浏览器源码,是基于IE内核的。
flash as3.0制作的留言板,界面清新简洁。
一款,简洁,体积小的纯js日历控件,具有可拓展性,兼容性强,有详细例子。
SRPictureBrowser:简洁优雅易于使用的图片浏览器,代码清晰易于扩展
几米浏览器界面美观简洁、使用方便,对于用户来说是一款很不错的软件,小编这里推荐大家使用这款软件! 几米浏览器软件特点 1.智能拦截钓鱼网站和恶意网站、放心上网安全无忧; 2.智能检测网页中恶意代码,防止...
傲游3浏览器是国内唯一具有独立内核的桌面浏览器产品,首创双核浏览模式,在安全、快速的基础上,保证了对网银、网购类网站的兼容性。傲游3浏览器内置云端广告过滤系统,强大而易用,确保用户在浏览网页时不受任何...
推荐一款浏览器超简洁浏览器简单实用 界面简洁
一套简洁的多页面浏览器,基于微软IE内核。具有IE浏览器的一些功能,支持多选项卡页面载入。