Trigger Paste Event via click event

Question

I have this paste event like so:

$("body").bind("paste", function (e) {

        var pastedData = e.originalEvent.clipboardData.getData('text');

        console.log(pastedData);

});

Which is working great! However I also want the option get clipboardData via a click event like so:

$("#clipboard").on("click", function (e) {

        $("body").trigger("paste");

    });

But when I try this, I get this error:

Cannot read property 'clipboardData' of undefined

Is there away to get clipboardData via click event? Or to trigger the paste event via click event?

forcing a paste is a security risk to the client - https://stackoverflow.com/questions/6969403/why-is-document-execcommandpaste-not-working-in-google-chrome — Ctznkane525, Jun 05 '19 at 19:52
I have also tried `window.clipboardData.getData('text')` and that did not work, clipboardData was undefined. — user979331, Jun 05 '19 at 19:55
You could always detect `copy`, store that content in a variable/localstorage then just access that data when needed. — imvain2, Jun 05 '19 at 20:13

Jawad Ahbab · Answer 1 · 2019-06-05T21:08:30.653

This code may work for you. Please let me know that is this solution is that you wanted!

Working fiddle : https://jsfiddle.net/as6c3pLz/1/

html

<input id="trigger">
<button id="click" >CLICK TO PASTE</button>

Jquery

$('#click').click(function(){
    navigator.clipboard.readText().then(text => {
        // use text as a variable, here text = 'clipboard text'
        $('#trigger').val(text);
    });
});

NB : However it may not work for every event
eg. for mouseover, mouseleave it's not working
But currently working with click, keyup, keydown

Remember : (As David Bray said) For some cases using paste may regarded as a violation as user can copy many important informations and that can be stolen. So, please do not use it, if you need this for silly reason. And also, for further versions of browsers it might not be supported.

score 0 · Answer 2 · answered Jun 05 '19 at 21:04

when the user uses the key combination (ctrl+v) they are delivering the clipboard to the browser, otherwise it's the users private data ... credit card number, lovers address etc ...

The answer is no - it's a security problem - it's explained quite well here:

https://developers.google.com/web/updates/2018/03/clipboardapi

Trigger Paste Event via click event

2 Answers2