js實現瀏覽器兼容復制功能

    經常看到這樣一種效果：就是單擊一個按鈕，就將某個區域內的內容，復制到了剪切板中。其實這個功能實現起來也不難，核心就是用到了window子對象clipboardData的一個方法：setData()
語法：
    clipboardData.setData(sDataFormat, sData)
參數：sDataFormat：要復制的內容的格式；sData：要復制的內容。
返回值：復制成功返回true；失敗返回false。

           <script language="JavaScript"> 
          
function jianqie(id) 
          
{var id; 
          
var text=document.all(id).innerText 
          
if (clipboardData.setData("text",text)) 
          
{alert("復制成功!")} 
          
else 
          
{alert("復制失敗!")} 
          
} 
          
</script> 
         

 

 

 

IE js代碼:

復制代碼 代碼如下:

<script type="text/javascript">
function copyUrl2()
{
var Url2=document.getElementById("biao1");
Url2.select(); // 選擇對象
document.execCommand("Copy"); // 執行瀏覽器復制命令
alert("已復制好，可貼粘。");
}
</script>
<textarea cols="20" rows="10" id="biao1">用戶定義的代碼區域</textarea>
<input type="button" onClick="copyUrl2()" value="點擊復制代碼" />

 

 

chrome JS代碼:

復制代碼 代碼如下:

<script src="http://www.weicaiyun.com/assets/js/copy/ZeroClipboard.js"></script>

<script type="text/javascript">

var clip = new ZeroClipboard.Client();
clip.setHandCursor( true );
clip.setText('復制內容');
clip.glue('button');

</script>

<input type="button" id="button" value="點擊復制代碼" /> 

 

http://zeroclipboard.org/#demo   //zeroclipboard下載地址

 

 

http://blog.csdn.net/skyboxgogo/article/details/8768683 詳解-----