Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles
(untagged)

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

0.00/5 (No votes)
11 Oct 2013 1  
 How to copy the text of a textbox to clipboard using JavaScript.

This articles was originally at wiki.asp.net but has now been given a new home on CodeProject. Editing rights for this article has been set at Bronze or above, so please go in and edit and update this article to keep it fresh and relevant.

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>

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here