onpaste not sending pasted in value

Question

I created a input field and using onpaste function to trigger the form submit. But it only submits the data currently in the input field if any not the pasted in data.

I need to send the pasted in data. Any suggestions what I did wrong?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        </head>
    <body>
        <form action="textDataSubmittedGet/" method="get" id="MyForm">
            Your Data: <input type="text" onpaste="myFunction()" name="textData"><br>
        </form>
    <script>
        function myFunction() {
            $("#MyForm").trigger('submit');
        }
    </script>
    </body>
</html>

can you try to trigger the form with `setTimeout(function(){$("#MyForm").submit();},0)` to wait the `input.value` to update with the pasted content — Hacketo, Sep 17 '15 at 14:28
http://stackoverflow.com/questions/10972954/javascript-onpaste — BenG, Sep 17 '15 at 14:32
@Hacketo: That worked. If you put in the answer, I will select as the answer. Thanks. — user523234, Sep 17 '15 at 14:39

score 1 · Accepted Answer · answered Sep 17 '15 at 14:43

The problem is that you trigger the form before the value of the input is updated with the pasted content.

What you can do is to execute a function after the onpaste event has been executed.

To do so you can use setTimeout to execute the trigger on the next stack of execution right after onpaste

function myFunction() {
    setTimeout(function(){
        $("#MyForm").trigger('submit');
    }, 0 );
}

onpaste not sending pasted in value

1 Answers1