Copy 2 Clipboard mit Feedback

[DSCA]

Hallo,

ich hab nur was kleines - aber ich komme mit meinen rudimentären JS-Kenntnissen leider nicht weiter

Ich möchte gern einen definierten Text in die Zwischenablage nehmen und dem Klicker ein Feedback geben, dass die Zeile nun in der Zwischenablage ist.
Am einfachsten wäre das mit einem kleinem "✓" welcher im Buttontext am Ende mit angezeigt werden sollte, allerdings nur für 1-3 sekunden...
jedoch kann ich bei der Funktion nicht mit "this.innerText" in Verbindung mit einer setTimeout Funktion arbeiten...

setTimeout("this.innerText = 'Copy ✓'", 3000);

<script>
function copy2Clipboard(str) {
ta = document.createElement('textarea');
ta.value = str;
document.body.appendChild(ta);
ta.select();
document.execCommand('copy');
document.body.removeChild(ta);

};
</script>

<button onclick="copyStringToClipboard('Lorem ipsum dolor sit amet')">Copy</button>

[AndreasB]

Hallo @DSCA

jedoch kann ich bei der Funktion nicht mit "this.innerText" in Verbindung mit einer setTimeout Funktion arbeiten...

Du kannst hier nicht mit "this.innerText" arbeiten, denn das this Objekt is in diesem Fall das Globale Objekt.

JavaScript/Tutorials/OOP/Objektverfügbarkeit und this – SELFHTML-Wiki
JavaScript/Tutorials/OOP/Objektverfügbarkeit und this Aus SELFHTML-Wiki < JavaSc…

Du musst also den Button explizit selektieren, bevor du den Text darauf anpassen kannst.

(Kleiner Tip: Verwende in der "setTimeout" lieber eine Funktion anstatt einen Funktionskörper als Sting. Das ist sicherer und JavaScript kann das auch besser optimieren.

JavaScript/WindowOrWorkerGlobalScope/setTimeout – SELFHTML-Wiki
JavaScript/WindowOrWorkerGlobalScope/setTimeout Aus SELFHTML-Wiki < JavaScript&l…