要素テキストをクリップボードにコピーするaspx

Question

要素のテキストを自分のaspx Webサイトにコピーしようとしていますが、動作させることができません。
ボタンをクリックして、lblFileLinkのテキストをクリップボードにコピーします。
予告：このページはここでマスターページ
を使用していることは私のコードです：

<asp:Label ID="lblFileLink" runat="server"></asp:Label> 
    <asp:Button ID="btnCopy" runat="server" Text="Copy link" OnClientClick="copyToClipboard()" /> 
    <script> 
     function copyToClipboard() { 
      var element = document.getElementById("lblFileLink") 
      var $temp = $("<input>"); 
      $("body").append($temp); 
      $temp.val($(element).text()).select(); 
      document.execCommand("copy"); 
      $temp.remove(); 
      return false 
     } 
    </script> 

私はそれが何をしたいのポストバック前に編集

javascrip/jQueryを使っていること：私はIDに気づきましたサイト自体に異なっていたので、今、私のコードはこれです：

<asp:Label ID="lblFileLink" runat="server"></asp:Label> 
    <asp:Button ID="btnCopy" runat="server" Text="Copy link" OnClientClick="copyToClipboard('#ContentPlaceHolder1_lblFileLink')" /> 
    <script> 
     function copyToClipboard(element) { 
      var $temp = $("<input>"); 
      $("body").append($temp); 
      $temp.val($(element).text()).select(); 
      document.execCommand("copy"); 
      $temp.remove(); 
     } 
    </script> 

Answer 1

の代わりにこれを使用して：

<asp:Button ID="btnCopy" runat="server" Text="Copy link" 
OnClientClick="copyToClipboard()" /> 

asp.netコントローラを使用してサーバーで実行すると、サーバーにポストバックするためです。

ボタンhtmlタグを使用しています。

<button id="btnCopy" click="copyToClipboard()">Copy link</button> 

か、この操作を行うことができます。

<asp:Button ID="btnCopy" runat="server" Text="Copy link" 
    OnClientClick="copyToClipboard(); return false;" />