Detaillierte Erklärung zur Verwendung der JavaScript-Zwischenablage

   <button class="btn">Ziel_kopieren</button>
   <div>Hallo</div>

   <Skript>
   var Zwischenablage = neue Zwischenablage('.btn', {
   // Den Knoten angeben, der über das Ziel kopiert werden soll target: function() {
                  gibt document.querySelector('div') zurück;
             }
   });

   clipboard.on('Erfolg', Funktion(e) {
       konsole.log(e);
   });

   clipboard.on('Fehler', Funktion(e) {
       konsole.log(e);
   });
   </Skript>

<button class="btn">Kopieren</button>
<Skript>
   var Zwischenablage = neue Zwischenablage('.btn', {
   // Klicken Sie auf die Schaltfläche „Kopieren“ und geben Sie den kopierten Inhalt direkt über den Text zurück text: function() {
           Rückkehr zu „Sein oder Nichtsein“;
       }
   });

   clipboard.on('Erfolg', Funktion(e) {
       konsole.log(e);
   });

   clipboard.on('Fehler', Funktion(e) {
       konsole.log(e);
});

// Inhalt von data-clipboard-text nach ID abrufen <div id="btn" data-clipboard-text="1">
        <span>Kopieren</span>
</div>
 
<Skript>
    var btn = document.getElementById('btn');
    var Zwischenablage = neue Zwischenablage (btn);
 
    clipboard.on('Erfolg', Funktion(e) {
        konsole.log(e);
    });
 
    clipboard.on('Fehler', Funktion(e) {
        konsole.log(e);
    });
</Skript>

// Mehrere Buttons über Klasse registrieren und den Wert von data-clipboard-text abrufen <button class="btn" data-clipboard-text="1">Kopieren</button>
    <button class="btn" data-clipboard-text="2">Kopieren</button>
    <button class="btn" data-clipboard-text="3">Kopieren</button>
 <Skript>
    var Zwischenablage = neue Zwischenablage('.btn');
 
    clipboard.on('Erfolg', Funktion(e) {
        konsole.log(e);
    });
 
    clipboard.on('Fehler', Funktion(e) {
        konsole.log(e);
    });
    </Skript>

//ClipboardJS.isSupported() //--------Dieser Satz lautet: Ist es kompatibel? var clipboard = new Clipboard('.btn');
// Sanftes Downgrade: Wenn die Safari-Versionsnummer >= 10 ist, wird die Meldung angezeigt, dass das Kopieren erfolgreich war. Andernfalls werden Sie aufgefordert, nach Auswahl des Textes manuell „Kopieren“ auszuwählen, um das Kopieren zu starten. clipboard.on('success', function(e) {
    alert('Kopieren erfolgreich!')
    e.clearSelection();
});
clipboard.on('Fehler', Funktion(e) {
    alert('Zum Kopieren bitte "Kopieren" auswählen!')
//Versuchen Sie, die Warnung zu entfernen. Das Tool „Kopieren“ des Systems kann angezeigt werden. Sie müssen jedoch zweimal auf die Schaltfläche klicken, damit es angezeigt wird. Der genaue Grund ist nicht klar, siehe Abbildung oben. Manche Leute sagen, dass Sie versuchen können, an der Auslöseposition ein leeres Klickereignis zu schreiben, οnclick="" weil iOS On-Ereignisse nicht einfach unterstützt}); 

<Bild
   src="../../../../assets/images/zuop_award/copy_link.png"
      @click="kopieren"
      data-clipboard-action="Kopieren"
      Klasse="E-Mail"
      :data-clipboard-text="'[email protected]'"
    /> 

----------------------------------
  kopieren() {
     var Zwischenablage = neue Zwischenablage(".email")
     // console.log(Zwischenablage);
     clipboard.on("Erfolg", e => {
       // console.log("Kopieren erfolgreich", e);
       Toast({
         Meldung: „Kopieren erfolgreich“
       })
       // Speicher freigeben clipboard.destroy()
     })
     clipboard.on("Fehler", e => {
       // Unterstützt das Kopieren von Toast({
         Meldung: „Mobiltelefonberechtigungen unterstützen die Kopierfunktion nicht“
       })
       console.log("Dieser Browser unterstützt kein automatisches Kopieren")
       // Speicher freigeben clipboard.destroy()
     })
   }