We apologize for the interruption. However, seabreezecomputers.com has been offering free tools and downloads for many years. Unfortunately, server expenses are now starting to exceed revenue earned. If you appreciate the free tools and downloads at seabreezcomputers.com please consider making a donation.
Here is a form textarea to test copying of form data with:
Here is a non-form element (a div) to test copying with:
Here is a textarea you can test pasting into:
Here is a contentEditable div to test pasting into:
Downloaded 0 times.
Please make a donation to reveal the download link.
How to Use
First create your html form or non-form elements and give them an id.
Next put this line in your html file after all your copyable elements:
Then you can use the copy and paste functions in a few ways:
3/5/2018 - Version 1.2b - Bug Fix: Previously the tooltip opacity would make the tooltip not appear when it was done displaying. Even though the tooltip was invisible it would get in the way of a user trying to use the mouse to highlight some text in the textarea or to click in the textarea. Fixed by changing the display of the tooltip to none. Also changed the zIndex of the tooltip to be in front of other elements.
3/5/2018 - Version 1.2a - Added tabindex=0 to "Copy to Clipboard" button created by the function make_copy_button() for accessibility.
3/4/2018 - Version 1.2 - Added role="button" to "Copy to Clipboard" button created by the function make_copy_button() for accessibility.
4/14/2016 - Version 1.1 - Bug Fix: Form elements were limited to selecting 9999 characters because of an iOS limitation. Fixed on lines 75-76 and 134-135 by detecting if iOS and device and increasing the character selection on iOS devices to 999999. The bug originally has to do with an iOS limitation of only being able to select characters in form elements using el.setSelectionRange();
Last updated on July 15, 2019