navigator.clipboard.readText() funktioniert in Firefox nicht

Ich habe diesen Code zum Einfügen:

navigator.clipboard.readText().then(
  clipText => document.querySelector("#Note").innerText += clipText);

Aber es hat diesen Fehler:

Nicht erfasster TypeError: navigator.clipboard.readText ist keine Funktion

Helfen Sie mir, diesen Fehler zu beheben

Das Lesen der Zwischenablage in Firefox (Version 94, November 2021) scheint nicht zu funktionieren und löst einen Fehler aus:

var promise = navigator.clipboard.readText();

// Uncaught TypeError: navigator.clipboard.readText is not a function

In der Dokumentation zu MDN Web Docs wird empfohlen, die Berechtigung über die Berechtigungs-API zu erteilen:

Die Berechtigung „Clipboard-Read“ der Berechtigungs-API muss erteilt werden, bevor Sie Daten aus der Zwischenablage lesen können.

Aber clipboard-read scheint nicht unterstützt zu werden:

navigator.permissions.query({ name: "clipboard-read" });

// Uncaught TypeError: 'clipboard-read' is not a valid value for enumeration PermissionName.

Die einzige Möglichkeit, das Lesen (und Schreiben) der Zwischenablage zu aktivieren, besteht darin, sie zu aktivieren dom.events.testing.asyncClipboard auf dem Firefox-Client:

1. Eingeben about:config in der Navigationsleiste
2. Klicken Sie auf „Risiko akzeptieren und fortfahren“.
3. Suchen dom.events.testing.asyncClipboard und eingestellt true

Ich vermute, Sie testen es in Firefox, in diesem Fall:

Firefox unterstützt nur das Lesen der Zwischenablage in Browsererweiterungen mithilfe der Erweiterungsberechtigung „clipboardRead“.

https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/readText#browser_compatibility

Wenngleich navigator.clipboard.readText() in Firefox nicht unterstützt wird, muss ich darauf hinweisen, dass Sie mit Firefox etwas in die Zwischenablage kopieren KÖNNEN, indem Sie einen anderen Ansatz verwenden, der keine ausdrückliche Aktivierung erfordert:

const copy = document.getElementById('copy');
const copy2 = document.getElementById('copy2');
const copyIt = document.getElementById('copyIt');

const copyToClipboard = (str) => {
  if (navigator 
      && navigator.clipboard 
      && navigator.clipboard.writeText)
    return navigator.clipboard.writeText(str);
    return Promise.reject("The Clipboard API is not available.");
};

copyIt.addEventListener('click', function() {
  copyToClipboard(copy.value);
  copy2.focus();
  copyIt.innerText = "Now right-click & paste into textarea above.";
});

  <textarea name="copy" id="copy" cols="30" rows="10" style="width:90vw;height:25px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad quos, quae a dicta. Quibusdam autem debitis beatae laboriosam nemo illo aliquid. Itaque, doloremque, dicta. Culpa officiis illo cum quisquam rem.</textarea>
<textarea name="copy2" id="copy2" cols="30" rows="10" style="width:90vw;height:25px;"></textarea>
<br><button id="copyIt">Copy It</button>

Ich wollte nur, dass jeder, der die gleichen Probleme mit Firefox hat wie der OP, das weiß War machbar…