Bohlmann: JS fails to copy a <textarea> selection

JS fails to copy a

selection    References      <DIV id=main><DIV id=web role=main>  <H2>search results</H2>  <OL start=1 data-bns=\"API\">  <LI>  <DIV class=res>  <DIV>  <H3><A id=link-1 class=\"yschttl spt\" href=\"http://stackoverflow.com/questions/15278991/js-fails-to-copy-a-textarea-selection\" target=_blank data-bk=\"5027.1\">javascript - <B>JS</B> <B>fails</B> to <B>copy</B> a <WBR><B>selection</B> - Stack Overflow</A></H3></DIV>  <DIV class=abstr>The other SO page has lots of hacks, but I can\'t see a universal <B>js</B> solution that will work across different browsers and platforms. But the code above does work in ...</DIV><SPAN class=url><B>stackoverflow.com</B>/.../<B>js</B>-<B>fails</B>-<B>to</B>-<B>copy</B>-â€‹<B>a</B>-textarea-<B>selection</B></SPAN> - <A class=sub aria-describedby=link-1 href=\"http://106.10.137.112/search/srpcache?ei=UTF-8&p=JS+fails+to+copy+a+%3Ctextarea%3E+selection&fr=sfp&u=http://cc.bingj.com/cache.aspx?q=JS+fails+to+copy+a+%3ctextarea%3e+selection&d=4865232683537680&   amp;mkt=en-IN&setlang=en-IN&w=g2W7BI0aOTGkc96hNb1-BHuahH_EI8mI&icp=1&.intl=in&sig=sWG0GIhPJSDT.H6XssbCYg--\" target=_blank data-bk=\"5029.1\">Cached</A><BR></DIV></LI>  <LI>  <DIV class=res>  <DIV>  <H3><A id=link-2 class=\"yschttl spt\" href=\"http://www.sitepoint.com/forums/showthread.php?92441-Limit-chars-in-textarea-problem-with-copy-paste\" target=_blank data-bk=\"5042.1\">Limit chars in <B>textarea</B>: problem with <WBR><B>copy</B>-paste</A></H3></DIV>  <DIV class=abstr>I need to limit the chars typed in a <B>textarea</B> to ... long as no one is <B>copy</B>-pasting text to it. Then my lil <B>JS</B> <B>fails</B> ... want to visit from the <B>selection</B> ...</DIV><SPAN class=url>www.<B>sitepoint.com</B>/forums/...textarea-â€‹problem-with-<B>copy</B>-paste</SPAN> - <A class=sub aria-describedby=link-2 href=\"http://106.10.137.112/search/srpcache?ei=UTF-8&p=JS+fails+to+copy+a+%3Ctextarea%3E+selection&fr=sfp&u=http://cc.bingj.com/cache.as   px?q=JS+fails+to+copy+a+%3ctextarea%3e+selection&d=5015139920183658&mkt=en-IN&setlang=en-IN&w=vxaSsqnRIRXonw5gLPQBnxFmU8Zsod53&icp=1&.intl=in&sig=rn_b0Fv8z3ZqI7Ggf.UobQ--\" target=_blank data-bk=\"5044.1\">Cached</A><BR></DIV></LI>  <LI>  <DIV class=res>  <DIV>  <H3><A id=link-3 class=\"yschttl spt\" href=\"http://www.experts-exchange.com/Programming/Languages/Scripting/JScript/Q_24671016.html\" target=_blank data-bk=\"5053.1\">Javascript <B>TextArea</B> <B>Selection</B>: <WBR>Javascript, asp.net, C#</A></H3></DIV>  <DIV class=abstr><B>Copy</B> Review; Browse All; Articles; ... Javascript <B>TextArea</B> <B>Selection</B>. Asked by: CoreSupport Solved by: ... <B>JS</B> problem (Error loading c ...</DIV><SPAN class=url>www.<B>experts-exchange.com</B>/Programming/â€‹Languages/Scripting/...</SPAN><BR><A href=\"/search?&fr=sfp&p=site:experts-exchange.com JS+fails+to+copy+a+%3Ctextarea%3E+selection\">More results from experts-exchange.com Â»</A>   </DIV></LI>  <LI>  <DIV class=res>  <DIV>  <H3><A id=link-4 class=\"yschttl spt\" href=\"http://stackoverflow.com/questions/7416555/getselection\" target=_blank data-bk=\"5067.1\">javascript - .getSelection() - Stack <WBR>Overflow</A></H3></DIV>  <DIV class=abstr>... <B>js</B>/jquery.field.<B>selection</B>.<B>js</B>\"></script> <div id=\"<B>copy</B>\"><B>Copy</B></div> <<B>textarea</B> ... <B>fails</B> . var range = $(\'#<B>TextArea</B>\') ... jquery.field.<B>selection</B>.<B>js</B>, ...</DIV><SPAN class=url><B>stackoverflow.com</B>/questions/7416555/â€‹getselection</SPAN> - <A class=sub aria-describedby=link-4 href=\"http://106.10.137.112/search/srpcache?ei=UTF-8&p=JS+fails+to+copy+a+%3Ctextarea%3E+selection&fr=sfp&u=http://cc.bingj.com/cache.aspx?q=JS+fails+to+copy+a+%3ctextarea%3e+selection&d=4678298544441380&mkt=en-IN&setlang=en-IN&w=hWU_q3IRyx1PccgRyogQ3zX9Z6aSmkGy&icp=1&.intl=in&sig=8C1jMuuCxUA00MYA.x612w-   -\" target=_blank data-bk=\"5069.1\">Cached</A><BR></DIV></LI>  <LI>  <DIV class=res>  <DIV>  <H3><A id=link-5 class=\"yschttl spt\" href=\"https://bugs.dojotoolkit.org/ticket/9654\" target=_blank data-bk=\"5079.1\">#9654 ([PATCH][CCLA]dijit/_base/<WBR>focus.<B>js</B>: <B>Fails</B> in ...</A></H3></DIV>  <DIV class=abstr>... ISTM that FF doesn\'t save the <B>selection</B> but it still works because a <B>textarea</B>/input doesn\'t lose <B>selection</B> ... Summary changed from dijit/_base/focus.<B>js</B>: <B>Fails</B> ...</DIV><SPAN class=url><B>bugs.dojotoolkit.org</B>/ticket/9654</SPAN> - <A class=sub aria-describedby=link-5 href=\"http://106.10.137.112/search/srpcache?ei=UTF-8&p=JS+fails+to+copy+a+%3Ctextarea%3E+selection&fr=sfp&u=http://cc.bingj.com/cache.aspx?q=JS+fails+to+copy+a+%3ctextarea%3e+selection&d=4504309417381469&mkt=en-IN&setlang=en-IN&w=N04XRRyL_s0AUsggMOQvKYKoZCSqK9SM&icp=1&.intl=in&sig=FIJ7P2rdNzymObkRdtfWqg--\" targ   et=_blank data-bk=\"5081.1\">Cached</A><BR></DIV></LI>  <LI>  <DIV class=res>  <DIV>  <H3><A id=link-6 class=\"yschttl spt\" href=\"http://www.tek-tips.com/viewthread.cfm?qid=409336\" target=_blank data-bk=\"5091.1\">Javascript - <B>JS</B> to <B>Copy</B> and Paste Text <WBR>from a <B>TextArea</B> to ...</A></H3></DIV>  <DIV class=abstr><B>JS</B> to <B>Copy</B> and Paste Text from a <B>TextArea</B> to another ... text = document.<B>selection</B> ... of knowing if selected text is in the document or in the <B>text area</B>.</DIV><SPAN class=url>www.<B>tek-tips.com</B>/â€‹viewthread.cfm?qid=409336</SPAN> - <A class=sub aria-describedby=link-6 href=\"http://106.10.137.112/search/srpcache?ei=UTF-8&p=JS+fails+to+copy+a+%3Ctextarea%3E+selection&fr=sfp&u=http://cc.bingj.com/cache.aspx?q=JS+fails+to+copy+a+%3ctextarea%3e+selection&d=4539051400959014&mkt=en-IN&setlang=en-IN&w=KM4NRuiOp9UQH2V1XLQ05hW9OX6Pl0Ag&icp=1&.intl=in&sig=7TzLXZNcOlM3rmOd6X   Uiyw--\" target=_blank data-bk=\"5093.1\">Cached</A><BR></DIV></LI>  <LI>  <DIV class=res>  <DIV>  <H3><A id=link-7 class=\"yschttl spt\" href=\"http://www.js-x.com/page/javascripts__example.html?view=707\" target=_blank data-bk=\"5103.1\">Javascript Examples - JAVASCRIPTS: <B>Copy</B> <WBR><B>Selection</B> To Clipboard</A></H3></DIV>  <DIV class=abstr>This is the Code View for <B>Copy</B> <B>Selection</B> To Clipboard : ... Author: <B>JS</B>-Examples ... </<B>TEXTAREA</B>> </FORM> ...</DIV><SPAN class=url>www.<B>js-x.com</B>/page/javascripts__â€‹example.html?view=707</SPAN> - <A class=sub aria-describedby=link-7 href=\"http://106.10.137.112/search/srpcache?ei=UTF-8&p=JS+fails+to+copy+a+%3Ctextarea%3E+selection&fr=sfp&u=http://cc.bingj.com/cache.aspx?q=JS+fails+to+copy+a+%3ctextarea%3e+selection&d=4726105798281558&mkt=en-IN&setlang=en-IN&w=Y-Rf7kyPdmdlL1KV5hi8qzgBGdLxYI1y&icp=1&.intl=in&sig=tPwmobIdeWEU_76Qib5l5w--\" target   =_blank data-bk=\"5105.1\">Cached</A><BR></DIV></LI>  <LI>  <DIV class=res>  <DIV>  <H3><A id=link-8 class=\"yschttl spt\" href=\"http://itfailed.blogspot.com/\" target=_blank data-bk=\"5115.1\">IT <B>failed</B></A></H3></DIV>  <DIV class=abstr><B>Selection</B> - Select the whole ... <B>Copy</B> a formula from above cell and edit ... The somehow problem with this solution is that if you have more that one <B>textarea</B> in your ...</DIV><SPAN class=url><B>itfailed.blogspot.com</B></SPAN> - <A class=sub aria-describedby=link-8 href=\"http://106.10.137.112/search/srpcache?ei=UTF-8&p=JS+fails+to+copy+a+%3Ctextarea%3E+selection&fr=sfp&u=http://cc.bingj.com/cache.aspx?q=JS+fails+to+copy+a+%3ctextarea%3e+selection&d=4650793573681925&mkt=en-IN&setlang=en-IN&w=l4ztfTV_rqtC7-fZO9MkLlrNP2hj_L74&icp=1&.intl=in&sig=EMq5Ga7XB.Xtg3rjRt8q4w--\" target=_blank data-bk=\"5117.1\">Cached</A><BR></DIV></LI>  <LI>  <DIV class=res>  <DIV>  <H3><A id=link-9    class=\"yschttl spt\" href=\"http://www.dynamicdrive.com/forums/showthread.php?28612-Copy-Textarea-content-to-clipboard\" target=_blank data-bk=\"5128.1\"><B>Copy</B> <B>Textarea</B> content to clipboard - <WBR>Dynamic Drive DHTML ...</A></H3></DIV>  <DIV class=abstr>I\'m looking for a script that would allow users to click in a <B>textarea</B> box and it would automatically <B>copy</B> to ... from the <B>selection</B> ... the clipboard <B>copy</B> <B>JS</B>?</DIV><SPAN class=url>www.<B>dynamicdrive.com</B>/forums/â€‹showthread.php?28612-<B>Copy</B>...</SPAN> - <A class=sub aria-describedby=link-9 href=\"http://106.10.137.112/search/srpcache?ei=UTF-8&p=JS+fails+to+copy+a+%3Ctextarea%3E+selection&fr=sfp&u=http://cc.bingj.com/cache.aspx?q=JS+fails+to+copy+a+%3ctextarea%3e+selection&d=4609029290853025&mkt=en-IN&setlang=en-IN&w=Jn6SF_jOX34v8ZhHlUtdphnGBXhuMDVD&icp=1&.intl=in&sig=8CHKoRH.qo9dpk.pep2a_w--\" target=_blank data-bk=\"5130.1\">   Cached</A><BR></DIV></LI>  <LI>  <DIV class=res>  <DIV>  <H3><A id=link-10 class=\"yschttl spt\" href=\"http://forums.devshed.com/javascript-development-115/copy-from-iframe-to-a-textarea-595603.html\" target=_blank data-bk=\"5140.1\"><B>Copy</B> from iframe to a <B>textarea</B> - Dev <WBR>Shed</A></H3></DIV>  <DIV class=abstr><B>Copy</B> from iframe to a <B>textarea</B>- JavaScript Development. ... I\'ve been stuck trying to <B>copy</B> a dropdown <B>selection</B> from an iframe to it\'s ... I\'m here to work out a <B>JS</B> ...</DIV><SPAN class=url><B>forums.devshed.com</B>/javascript-â€‹development-115/<B>copy</B>-from...</SPAN> - <A class=sub aria-describedby=link-10 href=\"http://106.10.137.112/search/srpcache?ei=UTF-8&p=JS+fails+to+copy+a+%3Ctextarea%3E+selection&fr=sfp&u=http://cc.bingj.com/cache.aspx?q=JS+fails+to+copy+a+%3ctextarea%3e+selection&d=4571512764505284&mkt=en-IN&setlang=en-IN&w=M8X8P2pFHHoe4n6IqZkaWliIFTxPPucH&icp=1&.in   tl=in&sig=_ERb8.P2XJC7GU5VpPKJJQ--\" target=_blank data-bk=\"5142.1\">Cached</A><BR></DIV></LI></OL></DIV></DIV>    
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/13836488126049228043' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/13836488126049228043' rel='author' title='author profile'>
<span itemprop='name'>Unknown</span>
</a>
</span>
</span>
<span class='post-timestamp'>
at
<meta content='http://bohlsen-janu1991.blogspot.com/2013/08/js-fails-to-copy-selection.html' itemprop='url'/>
<a class='timestamp-link' href='https://bohlsen-janu1991.blogspot.com/2013/08/js-fails-to-copy-selection.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2013-08-10T23:07:00-07:00'>23:07</abbr></a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-1747778502'>
<a href='https://www.blogger.com/post-edit.g?blogID=5213158151752382426&postID=407388949957824069&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
<a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=5213158151752382426&postID=407388949957824069&target=email' target='_blank' title='Email This'><span class='share-button-link-text'>Email This</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=5213158151752382426&postID=407388949957824069&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=5213158151752382426&postID=407388949957824069&target=twitter' target='_blank' title='Share to X'><span class='share-button-link-text'>Share to X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=5213158151752382426&postID=407388949957824069&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Share to Facebook'><span class='share-button-link-text'>Share to Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=5213158151752382426&postID=407388949957824069&target=pinterest' target='_blank' title='Share to Pinterest'><span class='share-button-link-text'>Share to Pinterest</span></a>
</div>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'><span class='post-location'>
</span>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>No comments:</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Post a Comment</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/5213158151752382426?po=407388949957824069&hl=en-GB&saa=85391&origin=https://bohlsen-janu1991.blogspot.com' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/2830521187-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
      BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
    </script>
</div>
</p>
</div>
</div>

</div></div>
      

</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='https://bohlsen-janu1991.blogspot.com/2013/08/ruby-unexpected-tidentifier.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='https://bohlsen-janu1991.blogspot.com/2013/08/set-mongo-database-in-pymongo-without.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a>
</span>
<a class='home-link' href='https://bohlsen-janu1991.blogspot.com/'>Home</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='https://bohlsen-janu1991.blogspot.com/feeds/407388949957824069/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a>
</div>
</div>
</div></div>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<div class='sidebar section' id='sidebar-right-1'><div class='widget HTML' data-version='1' id='HTML2'>
<div class='widget-content'>
<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<script>
  (function() {
    var cx = '013012970007219310250:7h0fuxsxaza';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>
</div>
<div class='clear'></div>
</div></div>
</aside>
</div>
</div>
</div>
<div style='clear: both'></div>

</div>

</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'></div>
<div class='region-inner footer-inner'>
<div class='foot no-items section' id='footer-1'></div>
<table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'>
<tbody>
<tr>
<td class='first columns-cell'>
<div class='foot no-items section' id='footer-2-1'></div>
</td>
<td class='columns-cell'>
<div class='foot no-items section' id='footer-2-2'></div>
</td>
</tr>
</tbody>
</table>

<div class='foot section' id='footer-3' name='Footer'><div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Simple theme. Powered by <a href='https://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</footer>

</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</div>
<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
  </script>

Saturday, 10 August 2013

JS fails to copy a <textarea> selection