テキストボックス(またはテキストエリア)の内容をコピー
テキストボックス(またはテキストエリア)の内容をコピーするには、次のような方法で行います。
デモ
サンプルコード
JavaScript
var inputElem = document.getElementsByName('textarea')[0],
copyBtnElem = document.getElementsByTagName('button')[0];
copyBtnElem.addEventListener('click', function() {
if (document.execCommand) {
inputElem.focus();
inputElem.select();
var result = document.execCommand('copy');
if (result) {
alert('コピーが完了しました。');
} else {
alert('コピーに失敗しました。');
}
} else {
alert('お使いのブラウザはコピー機能に対応していません。');
}
}, false);
Element.focus
メソッドで入力欄にフォーカスし、Element.select
メソッドで入力内容を選択、document.execCommand
メソッドで選択した内容をコピーします。