So erstellen Sie eine native Zwischenablage im Browser navigator.clipboard

Dieses Mal zeige ich Ihnen, wie Sie eine native Zwischenablage mit dem Navigator erstellen.ClipBoard-Browser Was sind die Vorsichtsmaßnahmen für die Erstellung einer nativen Zwischenablage mit dem Navigator.Clipboard-Browser? ? Im Folgenden werfen wir einen Blick auf praktische Fälle.

Browsernative Zwischenablage navigator.clipboard

Navigator.clipboard.writeText schreiben

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 lesen

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

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Domainübergreifende Lösung CORS anfordern

React-native Flatlist-Pullup-Ladevorgänge bei onEndReached werden häufig ausgelöst Lösen Sie das Problem

Wie man das Dom-Attribut verwendet

Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine native Zwischenablage im Browser navigator.clipboard. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!