JavaScriptを使用したFlashなしでのクリップボードへのコピー方法


以下に、JavaScriptを使用してクリップボードへのコピーを行うためのシンプルで簡単な方法といくつかのコード例を示します。

  1. execCommandメソッドを使用する方法:

    function copyToClipboard(text) {
    const textarea = document.createElement('textarea');
    textarea.value = text;
    document.body.appendChild(textarea);
    textarea.select();
    document.execCommand('copy');
    document.body.removeChild(textarea);
    }

    この方法では、新しいテキストエリア要素を作成し、その値にコピーしたいテキストを設定します。そして、テキストエリアを選択し、execCommand('copy')を呼び出すことでクリップボードへのコピーが実行されます。

  2. Clipboard APIを使用する方法 (モダンな方法):

    function copyToClipboard(text) {
    navigator.clipboard.writeText(text)
    .then(() => {
      console.log('Text copied to clipboard');
    })
    .catch((error) => {
      console.error('Failed to copy text: ', error);
    });
    }

    この方法では、navigator.clipboard.writeText()メソッドを使用してテキストをクリップボードに書き込みます。成功した場合はthen()メソッドが実行され、失敗した場合はcatch()メソッドが実行されます。

これらの方法を使用すれば、Flashを使用せずにクリップボードへのコピーを実現することができます。必要に応じて、上記のコードを適切にカスタマイズして使用してください。