Heim  >  Artikel  >  Web-Frontend  >  HTML-Seite – Teilen Sie den Beispielcode, der von der Schaltfläche „Kopieren“ verwendet wird

HTML-Seite – Teilen Sie den Beispielcode, der von der Schaltfläche „Kopieren“ verwendet wird

黄舟
黄舟Original
2017-04-18 09:27:234913Durchsuche

Rand: 0px; Padding: 10px 0px 5px; Farbe: rgb(37, 37, 37); Schriftfamilie: arial, „microsoft yahei“, sans -serif; white-space: normal; background-color: rgb(255, 255, 255);"> Lassen Sie mich zunächst über meinen Gesamtplan sprechen:

Verwendung des Clipboard-Plugins -in, Die offizielle Adresse und die Github-Adresse finden Sie auch in den chinesischen Anweisungen

Aktueller Test des Zwischenablage-Plug-Ins: Es ist in Browsern auf dem PC verfügbar (habe Safari, Chrome, Firefox auf dem Mac ausprobiert). ), Safari auf iOS 10.3 und Mobiltelefonen Der WeChat QQ-Browser kann verwendet werden, aber der Browser, der mit Android-Telefonen und UC geliefert wird, ist nicht verfügbar. Verwenden Sie daher für nicht verfügbare Geräte die Methode zum Aufklappen der Ebene und für längere Zeit. Zum manuellen Kopieren drücken.

Wenn das abzurufende Tag display:none ist, kann die Methode data-clipboard-target den Wert nicht abrufen kombiniert mit der folgenden Methode:

var getContent=document.getElementById("divContent").innerHTML;
document.getElementById("copy-button").setAttribute("data-clipboard-text", getContent);

Das obige ist der detaillierte Inhalt vonHTML-Seite – Teilen Sie den Beispielcode, der von der Schaltfläche „Kopieren“ verwendet wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn