テキストボックス(またはテキストエリア)の内容をコピー

テキストボックス(またはテキストエリア)の内容をコピーするには、次のような方法で行います。

デモ

サンプルコード

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メソッドで選択した内容をコピーします。

JavaScript逆引きリファレンス一覧へ戻る