方便、简洁:Flash AS3实现多浏览器兼容复制按钮【转载】
2012-05-07 16:05
513 查看
众所周知,在网页中若想实现点击按钮自动复制到剪贴板中可以用以下代码实现:
[javascript] view plaincopyprint?
if(window.clipboardData) {
window.clipboardData.clearData();
window.clipboardData.setData("text", "这是复制的文字");
}
但可惜的是,这种方式只支持IE内核浏览器。
而对于浏览器来说,Flash不存在兼容性问题,因此我们可以通过ActionScript来实现复制:
[javascript] view plaincopyprint?
System.setClipboard("你要复制的内容");
而网页中要做的是显示并通过flashvars将内容传给Flash。
[html] view plaincopyprint?
<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>
也有一种更加简洁的方法:
[html] view plaincopyprint?
<embed width="16" height="16" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" flashvars="clipboard=要复制的内容" menu="false" src="clipboard.swf" />
当然现在只是一片空白,怎么给它加上图片或者文字呢?
[html] view plaincopyprint?
<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>
或
[html] view plaincopyprint?
<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的大小使之与文字或图片匹配,效果如同代码高亮右上角复制按钮。
[javascript] view plaincopyprint?
if(window.clipboardData) {
window.clipboardData.clearData();
window.clipboardData.setData("text", "这是复制的文字");
}
但可惜的是,这种方式只支持IE内核浏览器。
而对于浏览器来说,Flash不存在兼容性问题,因此我们可以通过ActionScript来实现复制:
[javascript] view plaincopyprint?
System.setClipboard("你要复制的内容");
而网页中要做的是显示并通过flashvars将内容传给Flash。
[html] view plaincopyprint?
<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>
也有一种更加简洁的方法:
[html] view plaincopyprint?
<embed width="16" height="16" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" flashvars="clipboard=要复制的内容" menu="false" src="clipboard.swf" />
当然现在只是一片空白,怎么给它加上图片或者文字呢?
[html] view plaincopyprint?
<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>
或
[html] view plaincopyprint?
<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的大小使之与文字或图片匹配,效果如同代码高亮右上角复制按钮。
相关文章推荐
- 方便、简洁:Flash AS3实现多浏览器兼容复制按钮
- clipboard.js 实现 点击按钮复制粘贴兼容ios 安卓 pc浏览器 zclip复制插件需要Flash支持
- html 复制标签内文本的按钮的 js 实现【学习过程】【浏览器兼容】
- 【转载】兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能
- JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
- js 实现复制到剪切板 复制按钮兼容各大浏览器
- JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
- JS、Flash 实现复制功能 (浏览器兼容)
- js实现复制到剪贴板功能,兼容所有浏览器
- JavaScript+Html5实现按钮的复制文字到剪切板功能,手机网页兼容
- js实现复制到剪切板,兼容所有浏览器
- ZeroClipboard实现多个浏览器兼容的复制文本到剪贴板的功能
- js/jQuery实现复制到剪贴板功能,兼容所有浏览器
- js实现复制到剪切板功能,兼容所有浏览器
- js实现浏览器兼容复制功能
- js实现复制到剪贴板功能,兼容所有浏览器
- 【原】js实现复制到剪贴板功能,兼容所有浏览器
- js实现复制到剪贴板功能,兼容所有浏览器
- 兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能
- 黄聪:JS实现复制到剪贴板功能,兼容所有浏览器(转)