Aufgabe:
Ich möchte mit einem Button die aktuelle URL Adresse der
Webseite in die Zwischenablage kopieren.
Lösung:
Man kann mit dem javascript-Code copy den ausgewählten
Text einer Eingabe-Textbox in die Zwischenablage kopieren.
|
document.execCommand("copy");
|
Das geht leider nur mit der Eingabe-Textbox und inpute-Textarea.
Deshalb muss man mit einem Trick zur Laufzeit eine Texteingabe
an das Ende der Webseite anfügen, kopieren und wieder löschen.
Beispiel-Code zur Lösung:
|
<div class="
share" title="Copy
Link and Share to your ID " onclick="copy_Share_Button();"> <img src="~/images/Ico/icoShare.png" class="share-img" /></div>
<script>
function
copy_Share_Button() {
//----< copy_Share_Button()
>----
var sURL =
window.location.href;
sTemp = "<input
id=\"copy_to_Clipboard\" value=\"" + sURL + "\"
/>"
$("body").append(sTemp);
$("#copy_to_Clipboard").select();
document.execCommand("copy");
$("#copy_to_Clipboard").remove();
//----</ copy_Share_Button()
>----
}
//
</script>
|
HTML jQuery Javascipt