2017-12-04 15 views
-1

こんにちはみんなボタンをクリックして入力値をコピーしたいのですが、何もできません。助けてください!!Javascript Onclick入力値コピー

<script> 
    function copyToClipboard(element) { 
    var $temp = $("<input>"); 
    $("body").append($temp); 
    $temp.val($(element).text()).select(); 
    document.execCommand("copy"); 
    $temp.remove(); 
    } 
</script> 

<input type="text" class="form-control" name="myvalue" id="myvalue" value="YEAH" readonly /> 

<button class="btn btn-primary btn-block" onclick="copyToClipboard('#myvalue')">Copy myvalue</button> 

こんにちはGuysは、私は、ボタンのクリックが、何も作業にええ入力値をコピーします。助けてください!!

+2

可能な重複https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in- –

+0

@anddyでも入力値をコピーしたい:(これはどうすればいいの?) – yuh

+0

クリップボードや別の要素に? –

答えて

1

function copyToClipboard() { 
 
    var textBox = document.getElementById("myvalue"); 
 
    textBox.select(); 
 
    document.execCommand("copy"); 
 
}
<input type="text" class="form-control" name="myvalue" id="myvalue" value="YEAH" readonly /> 
 

 
    <button class="btn btn-primary btn-block" onclick="copyToClipboard()">Copy myvalue</button>

+0

これは魅力的です:) – yuh

+0

then plsは答えとして – Sindhoor

+0

をマークします:)ありがとうalot – yuh

-1

あなたはvenilla JS使用することができます。

function copyToClipBoard(){ 
 
\t var text = document.getElementById('myvalue'); 
 
    \t text.select(); 
 
     document.execCommand("copy"); 
 
}
<input type="text" class="form-control" name="myvalue" id="myvalue" value="HEllo" readonly /> 
 

 
<button class="btn btn-primary btn-block" onClick="copyToClipBoard()" id="btn" >Copy myvalue</button>

+0

あなたはこれが答えのコピーだと思いませんか?うーん、ちょうどIDを変更.. – Sindhoor

0

コードをクリップボードに入力されたテキストをコピーする場合。

//HTML 
<input type="text" class="form-control" name="myvalue" id="myvalue" value="YEAH" readonly /> 
<button class="btn btn-primary btn-block" onclick="copyToClipboard();">Copy myvalue</button> 


//SCRIPT For ClipBoard Copy 
<Script> 
    function copyToClipboard() { 
     var textBox = document.getElementById("myvalue"); 
     textBox.select(); 
     document.execCommand("copy"); 
    } 
</Script> 



//For local storage variable copy 
<Script> 
    function copyToStorage() { 
     var textBox = document.getElementById("myvalue"); 
     if(typeof(Storage) !== "undefined") { 

      var textBox_value=textBox.value; 
      localStorage.setItem("textBox_value", textBox_value); 
     } else { 
       alert("Sorry your browser does not support this script"); 
      } 
    } 
</Script> 

    // Also there one to use an element like hidden to store the value for same page life. 
[私はJavaScriptでクリップボードにコピーするにはどうすればよい?](の
関連する問題