今天給博客的代碼高亮下面加了一個小按鈕–點擊復制到剪貼板，不華不實的小功能…僅供娛樂~對各瀏覽器的兼容還算比較好~下面就來肢解一下相關(guān)代碼：
1.首先是要復制的目標容器，在本博客中我借助的是codecolorer代碼高亮插件的DIV，也可以根據(jù)自己的實際需要來使用別的，一樣~只要給它一個ID,例如：
<div id=”copycode”>…這里是要復制的目標內(nèi)容…</div>
2.接著要創(chuàng)建一個事件按鈕，本文方法使用的是一隱藏flash來間接的實現(xiàn)兼容性復制，這面是該按鈕代碼：

<div id=”clipboard_content”>
<span class=”clipinner” id=”clipinner”>點此復制到剪貼板
<embed name=”clipboardswf” class=”clipboardswf” id=”clipboardswf” onmouseover=”setcopy_gettext()” devicefont=”false” src=”http://yjfs.org.cn/clipboard.swf” menu=”false” allowscriptaccess=”sameDomain” swliveconnect=”true” wmode=”transparent” type=”application/x-shockwave-flash” height=”20″ width=”100″></span>
</div>

好長啊好長啊….自己去看著精簡吧….

3.然后，加上核心JS函數(shù)，如下：
<script type=”text/javascript”>
var clipboardswfdata;
var setcopy_gettext = function(){
clipboardswfdata = document.all.copycode.innerText;
window.document.clipboardswf.SetVariable(“str”, clipboardswfdata);
}
var floatwin = function(){
alert(“復制成功！” );
}
</script>
4.大工告成，趕緊試試吧！當然，您也可以給它加一個樣式,如本博所用的：

<style type=”text/css”>
.clipinner {position:relative;}
.clipboardswf {position:absolute; left:0; top:0;}
</style>

好吧，一個小小的點擊復制到剪貼板功能也不過如此吧？主要是要考慮到它的多瀏覽器兼容。

你還可以看看這篇文章：兼容各瀏覽器的復制到剪切板插件ZeroClipboard