How to Copy the Text of a textbox to Clipboard?

In my previous post I have explained How to create XML SiteMap Dynamically in ASP.Net. Today I will explain How to Copy the Text of a textbox to Clipboard?. It is very simple. You can do it using JavaScript or Jquery.

Step 1: Add below code to your design page.

1. <p id="p1" style="display:none"></p>
2. 
   
3.                 <asp:TextBox ID="txtReferalLink" runat="server" CssClass="form-control"></asp:TextBox><span><a onclick="copyToClipboard('#p1')" href="javascript:void(0);" class="btn btn-info">Copy Url</a></span>
4. 
   

Step 2: Add the below code inside the page header.

2. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
3.     <script>
4.         function copyToClipboard(element) {
5. 
   
6.             var controlValue = document.getElementById('<%=txtReferalLink.ClientID%>').value;
7.             document.getElementById('p1').innerHTML = controlValue;
8. 
   
9.             var $temp = $("<input>");
10.             $("body").append($temp);
11.             $temp.val($(element).text()).select();
12.             document.execCommand("copy");
13.             $temp.remove();
14.             alert('Url has copied');
15.         }
16. 
    
17.     </script>
18.