How to Copy the Text of a textbox to Clipboard? - Using JavaScript

ASP.NET Community

5.00/5 (5 votes)

Oct 11, 2013

CPOL

58524

How to copy the text of a textbox to clipboard using JavaScript.

How to copy the text of a textbox to clipboard? We can do it easily with JavaScript. It works nicely in Internet Explorer.

Please find a page with JavaScript to implement this.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CopyToClipboard.aspx.cs"
    Inherits="For_Blog.CopyToClipboard" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Copy to Clipboard</title>

    <script type="text/javascript" language="javascript">
function CopyToClipboard() 
{ 
var controlValue  = document.getElementById('<%=TextBox1.ClientID%>').value;
        alert(controlValue);
         window.clipboardData.setData('Text', controlValue);
        alert('Copied text to clipboard : '   controlValue); 
}
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" 
        Text="Copy Text Box Text to Clip board" OnClientClick="CopyToClipboard()" />
    </div>
    </form>
</body>
</html>