Uncaught TypeError: Cannot read property 'setData' of undefined

Question

i wrote Javascript that copies the data from textbox to the clipboard:

TextBox:

<asp:TextBox ID="contNoTxtBox" runat="server" Width="182px" style="height: 22px"></asp:TextBox>

Javascript:

function CopyToClipBoard()
{
    var text = document.getElementById('contNoTxtBox').innerHTML;                       
    window.clipboardData.setData('Text', text);                       
}

and i call it in HTML button the following way:

<input id="CopyButton" type="button" value="Copy" onclick="CopyToClipBoard()" /><br />

However i get the following error:

Uncaught TypeError: Cannot read property 'setData' of undefined

Why am i getting this type pf error?

Possible duplicate of [Copy to Clipboard for all Browsers using javascript](http://stackoverflow.com/questions/7713182/copy-to-clipboard-for-all-browsers-using-javascript) — Chris Pickford, Mar 09 '16 at 12:21

score 3 · Accepted Answer · answered Mar 09 '16 at 12:34

3

Referring to http://help.dottoro.com/ljctuhrg.php your

window.clipboardData.setData('Text', text);

is compatible with InternetExplorer only. There are alternative ways to implement this using Chrome etc. shown in their examples.

answered Mar 09 '16 at 12:34

Xethic

46
2

score 0 · Answer 2 · answered Mar 09 '16 at 12:36

Aspx code:
<head>
 <script language="javascript" type="text/javascript">

               function pasteContent() {
                   document.getElementById('ClipboardContent').value = document.execCommand('copy');//     window.clipboardData.getData('Text');
                   return (true);
               }
               var elem3 = document.getElementById("elem");
               document.addEventListener("click", function () {
                   document.getElementById("demo").innerHTML = "Hello World";
               });
               elem3.addEventListener('copy', function (e) {

                   e.preventDefault();
                   if (e.clipboardData) {
                       e.clipboardData.setData('text/plain', 'custom content from click');
                   } else if (window.clipboardData) {
                       window.clipboardData.setData('Text', 'custom content from click');
                   }

               });
               </script>    <script runat="server">
               protected override void OnInit(EventArgs e) { Page.ClientTarget =    "uplevel"; base.OnInit(e);
               } 
    </script>

</head>
 <body>

                <asp:Button ID="ReloadCtl" runat="server" Text="Paste" OnClick="ReloadCtl_Click"
                    OnClientClick="return pasteContent();" />
         <asp:HiddenField ID="ClipboardContent" runat="server" ClientIDMode="Static" /> </body>
    C# Code:
         protected void ReloadCtl_Click(object sender, EventArgs e)
                {
        if (!string.IsNullOrEmpty(this.ClipboardContent.Value))
                    {

        DataTable dt1 = DataMapper.GetDataTable(this.ClipboardContent.Value, false);
        }


    }

Please let me know if you have any issue while referring above code. — Abhijeet Dashpute, Mar 09 '16 at 12:39

Uncaught TypeError: Cannot read property 'setData' of undefined

2 Answers2