Dieses Mal werde ich Ihnen die Funktion zum Kopieren von Textdateien in js vorstellen (detaillierte Schritt-für-Schritt-Erklärung). Praktische Fälle, werfen wir einen Blick darauf. Ich musste vor kurzem auf eine Schaltfläche klicken, um den Text im
-Tag in die Zwischenablage zu kopieren.
Ich dachte schon, dass es so wäre fast das Gleiche, aber ich habe festgestellt, dass es überhaupt nicht funktioniert hat
Ich habe verschiedene Methoden ausprobiert und schließlich einen blinden Trick angewendet, um den folgenden Effekt zu erzielen
1. PrinzipanalyseDer Browser stellt den Kopierbefehl bereit, der den ausgewählten Inhalt kopieren kann
document.execCommand("copy")
Wenn es sich um ein Eingabefeld handelt, können Sie den
select() Methode, Wählen Sie den Text im Eingabefeld aus und rufen Sie dann den Kopierbefehl auf, um den Text in die Zwischenablage zu kopierenAber die Methode select() ist nur gültig für , aber nicht für 🎜>Wenn Sie auf die Schaltfläche klicken, entfernen Sie zuerst den Wert von
HTML-Teil <style type="text/css">
.wrapper {position: relative;}
#input {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
</style>
<p class="wrapper">
<p id="text">我把你当兄弟你却想着复制我?</p>
<textarea id="input">这是幕后黑手</textarea>
<button onclick="copyText()">copy</button>
</p>
Persönlicher Test, Firefox 48.0, Chrome 60.0, IE 8 können alle verwendet werdenIch glaube Sie beherrschen die Methode, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Dinge finden Sie unter php Chinesisch Andere verwandte Artikel online!
Empfohlene Lektüre:
Detaillierte Erklärung der Schritte zum Zuschneiden von Bildern mit Vue-CropperDetaillierte Erklärung des Angular Schritte zur Containerbereitstellung
Wie Axios domänenübergreifend anfragt
Das obige ist der detaillierte Inhalt vonjs implementiert die Funktion zum Kopieren von Textdateien (ausführliche Schritt-für-Schritt-Erklärung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!