ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で現在のクリップボードのコンテンツを取得するにはどうすればよいですか?

JavaScript で現在のクリップボードのコンテンツを取得するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-10-29 04:20:02742ブラウズ

How Do I Retrieve the Current Clipboard Content in JavaScript?

現在のクリップボードのコンテンツの取得

クリップボードはデータの一時ストレージとして機能し、ユーザーはアプリケーション間で情報を簡単に転送できます。スクリプトがクリップボードのコンテンツにアクセスする必要がある場合、navigator.clipboard.readText() メソッドは簡単な解決策を提供します。

実装

navigator.clipboard を利用するには。 readText() メソッドでは、async/await 構文または Promise 構文を使用できます。

Async/Await 構文:

const text = await navigator.clipboard.readText();

Promise 構文:

navigator.clipboard.readText()
  .then(text => {
    console.log('Pasted content: ', text);
  })
  .catch(err => {
    console.error('Failed to read clipboard contents: ', err);
  });

考慮事項

ユーザーはクリップボードのコンテンツにアクセスする許可を与える必要があることに注意することが重要です。この許可リクエストはダイアログ ボックスとして表示され、ユーザー データのセキュリティとプライバシーが確保されます。

アクティブなタブがなければ、コンソールからクリップボードのコンテンツにアクセスすることはできません。コンソールからコードを実行するには、タイムアウトを設定して、ユーザーが Web サイト ウィンドウをクリックできるようにすることができます。

追加情報

詳細と例については、 navigator.clipboard.readText() メソッドの使用については、Google 開発者ドキュメントを参照してください。

以上がJavaScript で現在のクリップボードのコンテンツを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。