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

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

Linda Hamilton
リリース: 2024-10-29 04:20:02
オリジナル
749 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート