JQueryを使用したクリップボードへのコピーの例

1. テキストのコピー:

   // HTML要素のクリックイベントハンドラを設定
   $("#copyButton").click(function() {
   // コピーするテキストを取得
   var text = $("#sourceText").text();
   
   // テキストをクリップボードにコピーする
   navigator.clipboard.writeText(text)
   .then(function() {
     alert("テキストがクリップボードにコピーされました！");
   })
   .catch(function(error) {
     console.error("クリップボードへのコピーに失敗しました: ", error);
   });
   });

2. テキストボックスのコピー:

   // HTML要素のクリックイベントハンドラを設定
   $("#copyButton").click(function() {
   // コピーするテキストを取得
   var text = $("#sourceTextbox").val();
   
   // テキストをクリップボードにコピーする
   navigator.clipboard.writeText(text)
   .then(function() {
     alert("テキストがクリップボードにコピーされました！");
   })
   .catch(function(error) {
     console.error("クリップボードへのコピーに失敗しました: ", error);
   });
   });

3. ボタンのテキストのコピー:

   // HTML要素のクリックイベントハンドラを設定
   $("#copyButton").click(function() {
   // コピーするテキストを取得
   var text = $(this).text();
   
   // テキストをクリップボードにコピーする
   navigator.clipboard.writeText(text)
   .then(function() {
     alert("テキストがクリップボードにコピーされました！");
   })
   .catch(function(error) {
     console.error("クリップボードへのコピーに失敗しました: ", error);
   });
   });

上記のコード例では、JQueryを使用して要素のクリックイベントに対してクリップボードへのコピー機能を追加しています。テキストやテキストボックスの値、ボタンのテキストなど、さまざまな要素からテキストを取得し、navigator.clipboard.writeText()関数を使用してテキストをクリップボードにコピーしています。

このようにJQueryを使用することで、簡単にクリップボードへのコピー機能を実装することができます。ぜひ、上記のコード例を参考にしてみてください。