如何使用jquery將內容複製到剪貼板

Question

我有鏈接，當我點擊鏈接時我必須將內容複製到剪貼板。 我使用下面的代碼，但它不是複製。任何其他代碼存在複製到剪貼板。我測試了這麼多的代碼，但沒有一個有用。

<script src="jquery.js"></script> 
<script src="jquery.clipboard.js"></script> 
<script> 
$(document).ready(function() { 
    $("#val_link").click(function() { 
    alert("Hello!"); 
     $("#val_link").clipboard({ 
      path: 'jquery.clipboard.swf', 
      copy: function() { 
       alert("Text copied."); 
       return $("div#some-content").text(); 
      }  
     }); 
    }); 
}); 
</script> 
<a href="javascript:void(0);" id="val_link" value="ttttt">Link</a> 
<div id="some-content">Text content to copy</div> 

Answer 1

你可以做這樣的事情：

http://www.shirmanov.com/2010/09/copy-to-clipboard-in-htmljavascript-and.html

Answer 2

的.clipboard（）函數的點擊處理程序爲你的安裝。但它會將它附加到它放在#val_link頂部的隱形元素，就您的情況而言。

因此，您必須在#val_link上放置點擊處理程序以防止其默認使用。

然後在其外面添加剪貼板功能。

基本上你在做什麼是點擊綁定剪貼板處理程序 - 我的猜測是，如果你再次單擊鏈接，然後它會正確複製，但然後綁定另一組事件。

嘗試：

<script src="jquery.js"></script> 
<script src="jquery.clipboard.js"></script> 
<script> 
$(document).ready(function() { 
    $("#val_link").click(function (o) { 
    o.preventDefault(); 
    }); 
    $("#val_link").clipboard({ 
      path: 'jquery.clipboard.swf', 
      copy: function() { 
       alert("Text copied."); 
       return $("div#some-content").text(); 
      }  
     }); 

}); 
</script> 
<a href="javascript:void(0);" id="val_link" value="ttttt">Link</a> 
<div id="some-content">Text content to copy</div>