How to paste text from clipboard into extension text field?

[SLAWI MAHDI]

I want to create a Paste button (id : paste) in my extension's popup.html window, which should paste the contents of the clipboard into a text field (id : inpt) in the same window

document.addEventListener('DOMContentLoaded', function() {
    var paste = document.getElementById('paste');
    paste.addEventListener('click', function() {

                  navigator.clipboard.readText()

      .then(txt => {
        document.getElementById("inpt").value = txt;
      })
    });                  
   });

I did the following code but without success

[Juraj M.]

I think you need a "clipboardRead" permission for that:

https://developer.chrome.com/docs/extensions/mv2/declare_permissions/#clipboardRead

You can add it as Optional permission. Then request it with `browser.permissions.request({permissions: ['clipboardRead']})`.

[SLAWI MAHDI]

Hi,

I added the "clipboardRead" in the manifest.json permissions, however I did not understand how I should request it with ` browser.permissions. request({ permissions: [ 'clipboardRead' ]})`?

[Stefan Van Damme]

Hi Mahdi,

It is very easy to do that, see my Open-Source Proper Menubar Chrome extension code for a code example:
https://github.com/stefanvd/Browser-Extensions/blob/74833a26e5cd5bc5cbd4ea3a061299f318527b6a/Proper-Menubar/Proper-Menubar-Chrome-extension/src/js/background.js#L99

Thanks,

Stefan vd

[SLAWI MAHDI]

Hi Stefan,

Thank you 

[Stefan Van Damme]

Hi Mahdi,

You are welcome!

Thanks,
Stefan vd