JavaScript Implementation click the button to copy the specified area text (recommended) _javascript tips

HTML5 's WEBAPI interface can easily use a few lines of code to achieve the Click Button Copy area text function, do not need to rely on flash.

The code is as follows:

* * Create Range object
/Const range = Document.createrange ();
Range.selectnode (Element); Sets the selection object for the Node object/* window containing the range 
, indicating the text selected by the user
/Const SELECTION = Window.getselection ();
if (Selection.rangecount > 0) selection.removeallranges ();
Copy '); Execute copy command, copy user selected text

Test:

The version number of the browser is the version I used when I tested it.

Edge Browser, Chrome (v54.0.2840.99 m), Firefox (v49.0.1) available.

IE9, IE10, and IE11 will pop up and ask if you want to paste the text onto the Clipboard.

IE7, IE8 does not support this feature.

IOS10 's Safari browser is available.

According to feedback, the Safari browser below IOS9 should not support this feature.

Demo:

 <!
DOCTYPE html>  
 

The above is a small series of JavaScript to introduce the implementation of the Click button to copy the specified area text, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!