How to pass the text pasted in a textbox to javascript function using onPaste event?

2.5k Views Asked by Rey Rajesh At 04 April 2025 at 09:52

I have an HTML page like this:

<html>
<body>
<input type="text" onPaste="return myfunction()"></input>
</body>
</html>

I have a javascript like this:

function myfunction(){
    var text = ;
    if(text == "ABC"){
        alert("Accepted");
        return true;
    }
    else{
        alert("Rejected");
        return false;
    }
}

I want to assign the pasted String to the var text

This question may seem like a duplicate. But, I want to acheive this without jquery.

Original Q&A

There are 3 best solutions below

Michael On 12 November 2014 at 10:28 BEST ANSWER

This is a possible solution: http://jsfiddle.net/Lqdfa9co/

I added this:

onPaste="var e=this; setTimeout(function(){myfunction(e)}, 4);"

and the function was changed to this:

function myfunction(e){
    var text = e.value;
    if(text === "ABC"){
        alert("Accepted");
    }
    else{
        alert("Rejected");
    }
}

It is necessary to use a setTimeout on onPaste event in order to get the value inside the function. This is caused by the fact that the event is triggered before the value is assigned

Edit: In order to answer to the changed question, I updated the "Rejected phase" emptying the input value http://jsfiddle.net/Lqdfa9co/1/

Sani Huttunen On 12 November 2014 at 10:24

You can use the getElementById function to do something like this:

<html>
  <body>
    <input id="myTextBox" type="text" onChange="myFunction()"></input>
  </body>
</html>

function myFunction() {
  var text = document.getElementById('myTextBox').value;
  ...
}

ASR On 12 March 2019 at 02:26

What about this:

<input onkeyup="isNumberKey(this);">

function isNumberKey(mmcs)
{ 
 mmcs.value = mmcs.value.replace(/[^0-9]+/g,""); //sólo números
 //mmcs.value = mmcs.value.replace(/[^0-9\.]+/g,""); //números y puntos
}

How to pass the text pasted in a textbox to javascript function using onPaste event?

There are 3 best solutions below

Related Questions in JAVASCRIPT

Related Questions in HTML

Related Questions in INPUT

Related Questions in PASTE

Trending Questions

Popular # Hahtags

Popular Questions