テレットブログ

JavaScriptを使用してテキストをクリップボードにコピーする方法

2020年05月10日
image
通常、キーボードのキーの組み合わせ(CTRL + C)を使用して、テキストをクリップボードにコピーします。ボタンクリックでクリップボードにコピー
HTML DOMのexecCommand()メソッドの、テキストをクリップボードにコピーする簡単な方法。
JavaScriptが最も簡単に利用可能です。
 

execCommand()は、ドキュメントの選択されたセクションに対して特定のコマンドを実行します。
この
copyコマンドをdocument.execCommand()で使用して、JavaScriptを使用してテキストコンテンツをクリップボードにコピーできます。
サンプルコードスニペットでは、JavaScriptを使用してテキストをクリップボードにコピーする方法を示します。

次のコードは、execCommandおよびJavaScriptを使用して、ボタンのクリック時に入力テキストフィールドからクリップボードにテキストをコピーします。

HTML

< input  type = "text"  value = "Welcome to CodexWorld"  id = "textInput" > 
< button  onclick = "copyText()" > Copy text 


Javascript
 
<script>
function copyText(){
    var text = document.getElementById("textInput");
    text.select();
    document.execCommand("copy");
    alert("Copied the text: " + text.value);
}
</script>



新着記事

image

CodeIgniter3でリダイレクトでセッション消える

2020年10月28日
テストサーバ(http)にて確認していると 管理画面ではセッションが空に!
Read more →
image

防衛省、サイバーセキュリティ担当の防衛技官を募集中月給30万円

2020年10月16日
 防衛省が、サイバーセキュリティに従事する防衛技官を募っている。自衛隊のシステム
Read more →
image

Amazon Echo Auto アマゾンエコーオート 開封&利用一週間レビュー

2020年10月08日
早速アマゾン・エコーオートを購入して車に取り付けて利用してみました! 報道
Read more →
image

【Amazon】アマゾン 年に1度のプライムデー開催情報

2020年10月06日
Amazon プライムデーが開催されます Amazonプライムデー
Read more →
image

Amazonの車載デバイス「Echo Auto」が発売!

2020年10月01日
「OK Google」「Hi Siri」「Hi Mercedes」といった音声に
Read more →
Choose Colour