Native Browser Copy To Clipboard

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Es ist noch nicht lange her, da konnte man Text nicht programmatisch vom Web auf die Zwischenablage kopieren, ohne Flash zu verwenden. Aber heutzutage ist es ziemlich gut unterstützt. IE 10+, Chrome 43+, Firefox 41+ und Opera 29+, sagt Matt Gaunt in seinem Artikel auf der Entwicklerseite von Google.

Hier ist das Beispiel aus diesem Artikel

Siehe den Pen Text mit einem Button kopieren (Google Beispiel) von Chris Coyier (@chriscoyier) auf CodePen.

In diesem Artikel heißt es, dass es in Safari nicht unterstützt wird, aber seit Safari 10, das erst im September veröffentlicht wurde, ist es das.

Man braucht keine Bibliothek, um solche Dinge zu tun, wie die obige Demo beweist. Aber es gibt eine: clipboard.js. Sie ist nur 3kb komprimiert. Der Zweck ist, eine etwas sauberere API zur Verfügung zu stellen, wie Erfolgs- und Fehlerereignisse und Konfiguration über data-* Attribute. Hier ist eine Demo davon

Siehe den Pen Einfachstes mögliches Clipboard.js von Chris Coyier (@chriscoyier) auf CodePen.