How do i feature detect if SelectionAPI or ClipboardAPI is supported by my browser without user interaction and hide the copy button if not available ?

Question

How do i feature detect if SelectionAPI or ClipboardAPI is supported by my browser without user interaction and hide the copy button if not available ?

siva-I opened this issue 9 years ago · comments

Siva Inoorunathapillai commented 9 years ago

How do i feature detect if SelectionAPI or ClipboardAPI is supported by my browser without user interaction and hide the copy button if not available ?
Basically i want to disable the Copy button if the browser is old and doesn't support this feature.

Please advise

Ole Bjørn Michelsen · Answer 1 · Sat Sep 19 2015 16:26:33 GMT+0800 (China Standard Time)

Unfortunately it seems that this is almost impossible to detect without some user interaction:
zeroclipboard/zeroclipboard#171
https://developers.google.com/web/updates/2015/04/cut-and-copy-commands

Arve Seljebu · Answer 2 · Tue Oct 06 2015 17:12:23 GMT+0800 (China Standard Time)

As a fallback, you may use navigator.userAgent up front to test that you have either Chrome 43+, Firefox 41+, Opera 29+ or IE10+.

Wojciech Frącz · Answer 3 · Thu Apr 14 2016 21:03:27 GMT+0800 (China Standard Time)

The directive could implement this OOTB so we would not have to repeat this code in every project. E.g.

<button clipboard text="textToCopy" hide-if-not-supported="true">Copy</button>

or even

<button clipboard text="textToCopy" on-not-supported="doSomething()">Copy</button>

Ole Bjørn Michelsen · Answer 4 · Fri Apr 15 2016 00:56:38 GMT+0800 (China Standard Time)

PR#26 might help you, with this you can do supported="supported" ng-show="supported".