2016-03-26 21 views
6
<html> 
<input type="button" id="btnSearch" value="Search" onclick="GetValue();" /> 
<p id="message" ></p> 

<script> 
function GetValue() 
{ 
    var myarray= new Array("item1","item2","item3"); 
    var random = myarray[Math.floor(Math.random() * myarray.length)]; 
    //alert(random); 
    document.getElementById("message").innerHTML=random; 
} 
</script> 

</html> 

questo è il codice e quando ho generare una parola a caso diciamo "item1" mostra, come posso aggiungere un pulsante di sotto di essa che quando lo scatto copia il "item1"Come creare "copia negli appunti" pulsante in html/javascript

+3

Eventuali duplicati di [Come faccio a copiare negli appunti in JavaScript?] (Http://stackoverflow.com/questions/400212/how-do-i-copy-to- the-clipboard-in-javascript) – Pedram

+0

come faccio ad aggiungere il codice al codice esistente che ho postato – ammartjr

+0

ho bisogno di un singolo pulsante che quando clicco automaticamente copia, non c'è bisogno di ri-digitare di nuovo in una scatola o nulla – ammartjr

risposta

22

I' ve aggiunto alcune linee per il tuo codice, prova questo funziona!

<html> 
 
<input type="button" id="btnSearch" value="Search" onclick="GetValue();" /> 
 
<p id="message" ></p><br> 
 
<button onclick="copyToClipboard('message')">Copy</button> 
 

 
<script> 
 
function GetValue() 
 
{ 
 
    var myarray= new Array("item1","item2","item3"); 
 
    var random = myarray[Math.floor(Math.random() * myarray.length)]; 
 
    //alert(random); 
 
    document.getElementById("message").innerHTML=random; 
 
} 
 

 
function copyToClipboard(elementId) { 
 

 

 
    var aux = document.createElement("input"); 
 
    aux.setAttribute("value", document.getElementById(elementId).innerHTML); 
 
    document.body.appendChild(aux); 
 
    aux.select(); 
 
    document.execCommand("copy"); 
 

 
    document.body.removeChild(aux); 
 

 
} 
 
</script> 
 

 
</html>

0

siete alla ricerca per lo script di essere:

function GetValue() 
{ 
    var myarray = new Array("item1", "item2", "item3"); 
    var random = myarray[Math.floor(Math.random() * myarray.length)]; 
    var message = document.getElementById("message"); 
    message.value = random; 
    message.select(); 
    document.execCommand('copy'); 
} 

l'elemento messaggio deve essere un elemento selezionabile, cioè un input di testo o area di testo: <input id="message">

Problemi correlati