HTML:
<button id="copyButton">クリックしてコピー</button>
<input type="text" id="copyText" value="コピーしたいテキスト" readonly>
JavaScript:
$(document).ready(function() {
$('#copyButton').click(function() {
var copyText = $('#copyText');
copyText.select();
document.execCommand("copy");
alert("テキストがコピーされました: " + copyText.val());
});
});
このコードでは、ボタンをクリックすると、指定されたテキストがクリップボードにコピーされます。copyText
というIDを持つテキスト入力要素があり、その要素の値がコピーされます。copyText.select()
は、テキスト入力要素の内容を選択するために使用されます。document.execCommand("copy")
は、選択されたテキストをクリップボードにコピーするために使用されます。
このコードを適用すると、ユーザーが「クリックしてコピー」ボタンをクリックすると、指定したテキストがクリップボードにコピーされ、アラートメッセージが表示されます。