#

 

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

 

Mobile

.