Web ページ上のクリップボードのコンテンツに自動的にアクセスできますか?

Web ページ上の現在のクリップボードのコンテンツを取得する方法

この質問では、クリップボードのコンテンツを自動的に取得して挿入する方法を求めています。

これを実現するために、このソリューションでは、navigator.clipboard 経由でアクセスできる新しいクリップボード API を利用します。実装方法は次のとおりです:

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);
});

このアプローチにはユーザーの許可が必要であることに注意してください。ダイアログボックスでプロンプトが表示されます。また、Firefox バージョン 109 以降では動作しません。

コンソールからコードを呼び出すには、タイムアウトを設定し、ターゲット Web サイトのウィンドウ内で素早くクリックします:

setTimeout(async () => {
  const text = await navigator.clipboard.readText();
  console.log(text);
}, 2000);

詳細API とその使用法の詳細については、Google 開発者ドキュメントを参照してください。

以上がWeb ページ上のクリップボードのコンテンツに自動的にアクセスできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。