Bei "Klick" - Copy to Clipboard - HTML, Js?

Moin!

Ich suche nach einer Lösung für meine Webseite.

Gerne würde ich verschiedene Wörter oder Textausschnitte anbieten, die bei "Click" automatisch in die Zwischenablage des Nutzers wandern.

Gibt es dafür eine einfache Lösung, mit einem HTML-Schnippsel oder einem WP-PlugIn?

Vielen Dank im voraus!

Schönen Sonntag! :)

Answer 1

[regex9]

Lies hier: Interact with the clipboard.

WordPress Plugins:

• https://wordpress.org/plugins/clipboard/
• https://wordpress.org/plugins/copy-the-code/

Answer 2

[Destranix]

Beispielsweise:

function copyToClipboard(text){
      var area = docuemnt.createElement("textarea");
      area.value = text;
      document.body.appendChild(area);
      area.focus();
      area.select();
      var msg;
      try {
         var successful = document.execCommand('copy');
         msg = successful ? 'successful' : 'unsuccessful';
      } catch (err) {
         console.log('Oops, unable to copy');
      }
      document.body.removeChild(area);
      alert("Copying was "+msg);
}

Weiteres:

https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript

Comments

[Antonio98]

Vielen Dank für die schnelle Antwort.

Könntest du den Code weiter erläutern? Ich habe leider kaum Erfahrung mit der Programmierung.
ich benutze Elementor für den Aufbau meiner Seite.

[Destranix]

@Antonio98

Ich empfehle, den verlinken beitrag durchzulesen(Erst im Edit hinzugefügt). Dort wird das wirklich sehr ausführlich erläutert und zudem weitere Maßnahmen angegeben.

Answer 3

[MaxZzzz1]

Mit

document.execCommand("copy")

document.execCommand("cut")

document.execCommand("paste")