複製到基本html的剪貼板

我是編程新手，我擁有基本的HTML技能。我正在創建一個基本的網站，我在一個段落中的信息和信息是由<br>標籤分開。我正在尋找添加一個「複製到剪貼板」按鈕和功能，以便16行信息保存到剪貼板。複製到基本html的剪貼板

<p> 
this is the 1st line<br> 
this is the 2nd line<br> 
... 
this is the 16th line [copy to clipboard] 
<p>

來源

2015-09-26 MarcJ

那麼到目前爲止您嘗試了什麼，以及您卡在哪裏？另外，請參閱右側的「相關」部分？你有沒有嘗試過這些答案？ – j08691

我記得之前嘗試過，但無法找到使用JS的解決方案。您需要使用閃光燈 – Jackson

由於所有安全問題，對閃光燈的支持下降，因此閃光燈可能不會最好。 –

在支持document.execCommand('copy') and document.execCommand('cut')的瀏覽器中，複製到剪貼板非常簡單;你只是做這樣的事情：

var copyBtn = document.querySelector('#copy_btn'); 
 
copyBtn.addEventListener('click', function() { 
 
    var urlField = document.querySelector('#url_field'); 
 
    // select the contents 
 
    urlField.select();  
 
    document.execCommand('copy'); // or 'cut' 
 
}, false);

<input id="url_field" type="url" value="http://stackoverflow.com/questions/32802082/copy-to-clipboard-for-basic-html"> 
 
<input id="copy_btn" type="button" value="copy">

以上是直接從JavaScript Copy to ClipBoard (without Flash) using Cut and Copy Commands with document.execCommand()那兒剽竊。

如果按運行的代碼片斷新聞界複製上面，你會看到，是以URL輸入字段有（這個StackOverflow的問題的URL），並將其複製到剪貼板。

來源

2015-09-27 19:38:52 sideshowbarker

複製到基本html的剪貼板

回答

相關問題