Clipboard.js: Copy text from Hidden Input

Created on 21 Sep 2016  路  3Comments  路  Source: zenorocha/clipboard.js

It is possible to get the value of input type hidden ?

The input :
<input type='hidden' value='mysekretvalue' id='hidden-0' />

The link :
<a href='#' class='link-copy' title='copy to clipboard' data-clipboard-target='#hidden-0'>

picture flydev-fr
👍1

Most helpful comment

Solution:

var inputhidden = $(this).next();
new Clipboard('.link-copy', {
    text: function (trigger) {
          return inputhidden.val();
     }
});
picture flydev-fr on 21 Sep 2016
👍8

All 3 comments

Solution:

var inputhidden = $(this).next();
new Clipboard('.link-copy', {
    text: function (trigger) {
          return inputhidden.val();
     }
});
flydev-fr picture flydev-fr on 21 Sep 2016
👍8

This feels like a common use case, would it be worth adding a note about it in the readme?

It was a little strange debugging this using the vanilla setup, the success event fires but the clipboard hasn't changed.

tbillington picture tbillington on 14 Aug 2017
👍1

I'm having trouble copying the contents of any input field that's hidden using CSS.

djmattyg007 picture djmattyg007 on 14 Aug 2017
👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

maxjvh picture maxjvh  路  5Comments
lovebdsobuj picture lovebdsobuj  路  5Comments
zenorocha picture zenorocha  路  5Comments
aussiechief picture aussiechief  路  3Comments
seanrco picture seanrco  路  4Comments