Nach dem Lesen dieses Blogs k\u00f6nnen Sie mithilfe von Java-Skript wissen, wie Daten in die Zwischenablage kopiert werden k\u00f6nnen.<\/p>\n
In der aktuellen Webwelt dreht sich alles um die Benutzererfahrung, die Sie mit Ihrer Website gemacht haben. W\u00e4hrend unserer Arbeit an einer beliebigen Site kopieren wir Inhalte von einer Stelle und f\u00fcgen sie an einer anderen Stelle ein. Es ist f\u00fcr den Benutzer sehr hilfreich, wenn eine Site eine Funktion zum Kopieren per Mausklick bietet. Dies erspart dem Benutzer Zeit und M\u00fche, den Inhalt auszuw\u00e4hlen und zu kopieren.<\/p>\n
Mal sehen, wie wir diese Funktionalit\u00e4t hinzuf\u00fcgen k\u00f6nnen:<\/p>\n
Erstellen Sie einen HTML-Code mit einem Absatz, der Inhalt und eine Schaltfl\u00e4che zum Klicken enth\u00e4lt. Sie k\u00f6nnen jedes relevante Element anstelle eines Absatzes verwenden, z. B. Textfeld, Textbereich, ausgeblendete Felder usw.<\/p>\n
<body> <p id = "txt_knoband"> KnowBand bietet die branchenweit besten Plugins f\u00fcr E-Commerce-Systeme und verf\u00fcgt \u00fcber langj\u00e4hrige Erfahrung in der Arbeit mit E-Commerce-Websites. <\/ p> <button onclick = "onClickCopy ()"> Text kopieren < \/ button> <\/ body><\/pre>\nSchritt 2:<\/h4>\n
Sie m\u00fcssen eine Funktion onClickCopy () erstellen, die die Daten des Absatzes kopiert. Die Funktion f\u00fchrt einfach "document.execCommand (" copy ")" aus, um die Daten in die Zwischenablage zu kopieren.<\/p>\n
Funktion copyOnClick () {var tempInput = document.createElement ("input"); tempInput.value = document.getElementById ("txt_knoband"). innerHTML; document.body.appendChild (tempInput); tempInput.select (); document.execCommand ("copy"); document.body.removeChild (tempInput); alert ("Wert kopiert"); }<\/pre>\nIn the last line of the script, we have simply added an alert action to inform the user that the data has been copied.<\/p>\n
So finally when you click on the button “Copy Text”, data will be copied to the clipboard and you can simply paste by using CRTL + V.<\/p>\n
Related Article: So setzen Sie Cookies mit JavaScript<\/a>