jQueryを使用したクリックしてコピーするコードの例


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")は、選択されたテキストをクリップボードにコピーするために使用されます。

このコードを適用すると、ユーザーが「クリックしてコピー」ボタンをクリックすると、指定したテキストがクリップボードにコピーされ、アラートメッセージが表示されます。