There is a JS library for that already. Demo at https://clipboardjs.com/ and it's on guthub <https://github.com/zenorocha/clipboard.js.git> as well.
On Friday, June 24, 2016 at 6:03:48 PM UTC-7, Rustem wrote: > > Is it time to revisit the issue? Seems to be supported by all major > browsers. http://caniuse.com/#feat=clipboard > Would be nice to have a "copy" button appear on hover over any <code> > piece. > > On Tuesday, January 6, 2015 at 11:26:22 AM UTC-8, Jeremy Ruston wrote: >> >> Hi Andrew >> >> I'd also love to have a "copy to clipboard" button. The HTML5 Clipboard >> API is proceeding very slowly, with very patchy browser support. There's no >> implementation of copy to clipboard that I know of. >> >> Right now the best prospect for an implementation is within >> TiddlyDesktop, where we can rise above browser limitations. >> >> Best wishes >> >> Jeremy >> >> >> On Mon, Jan 5, 2015 at 7:05 AM, andrew harrison <[email protected]> >> wrote: >> >>> Everyone else online is using ZeroClipboard because of security >>> restraints but that is a hack in itself and I expect will stop working >>> eventually. In addition, it only works online. >>> The W3C is going to be implementing the Clipboard API for HTML 5 ( >>> http://dev.w3.org/2006/webapi/clipops/clipops.html) but it still >>> doesn't seem to work yet. I can't find any working examples online. >>> The following code is what I have been using in TWC but it only seems to >>> work in Internet Explorer but not in Tiddlywiki 5 because Javascript is >>> stripped. I could spend time writing a widget for just IE but is it worth >>> it? >>> Can anyone tell me what direction I should go? The alternative is >>> painstakingly selecting text and hitting Ctrl + C or right click to copy, >>> or in the case of touch screen by long pressing and messing with those >>> selector arrows. 3 or more steps vs 1 step. I am trying to aim for >>> something that copies to clipboard online, offline, server side, client >>> side, mouse, touch screen, and browser independent. Is that to much to wish >>> for? >>> >>> <a href="javascript:;" title="copy" onclick=" >>> var holdtext = document.createElement('TEXTAREA'); >>> holdtext.innerText='This only seems to work in Internet Explorer'; >>> Copied=holdtext.createTextRange(); >>> Copied.execCommand('Copy'); >>> return false;">Copy</a> >>> >>> -- >>> You received this message because you are subscribed to the Google >>> Groups "TiddlyWiki" group. >>> To unsubscribe from this group and stop receiving emails from it, send >>> an email to [email protected]. >>> To post to this group, send email to [email protected]. >>> Visit this group at http://groups.google.com/group/tiddlywiki. >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> >> >> -- >> Jeremy Ruston >> mailto:[email protected] >> > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/c1bd8376-72f9-485b-873e-1dc3195252a7%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
