ホームページ > ウェブフロントエンド > jsチュートリアル > navigator.clipboard ブラウザでネイティブ クリップボードを作成する方法

navigator.clipboard ブラウザでネイティブ クリップボードを作成する方法

php中世界最好的语言
リリース: 2018-03-19 16:25:00
オリジナル
3333 人が閲覧しました

今回は、navigator.clipboard ブラウザを使用してネイティブ クリップボードを作成する方法を説明します。 navigator.clipboard ブラウザを使用してネイティブ クリップボードを作成する場合の 注意事項 は何ですか?実際のケースを見てみましょう。 。 ブラウザネイティブクリップボード navigator.clipboard

navigator.clipboard.writeText を書きます

navigator.clipboard.writeText('Linr Text to be copied')
  .then(() => {
    console.log('Text copied to clipboard');
  })
  .catch(err => {
    // This can happen if the user denies clipboard permissions:
    console.error('Could not copy text: ', err);
});
ログイン後にコピー

navigator.clipboard.readText を読みます

navigator.clipboard.readText()
  .then(text => {
    console.log('Pasted content: ', text);
  })
  .catch(err => {
    console.error('Failed to read clipboard contents: ', err);
  });
ログイン後にコピー
document.addEventListener('paste', event => {
  event.preventDefault();
  navigator.clipboard.getText().then(text => {
    console.log('Pasted text: ', text);
  });
});
ログイン後にコピー

この記事の事例を読んだ後、あなたは方法をマスターしたと思います。 php 中国語に注意してください。その他の関連記事もオンラインでご覧いただけます。

推奨読書:

リクエスト クロスドメイン ソリューション CORS


react-native flatlist pull-uploading onEndReached が頻繁にトリガーされる 解決方法


Dom 属性の使用方法

以上がnavigator.clipboard ブラウザでネイティブ クリップボードを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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