How to get the text of an HTML input text box during typing with JavaScript

2 Answers

0 votes
<!DOCTYPE html>
<html>

<head>  
</head>
  
<body>

<input type="text" id="input-text-id" onkeydown="KeyDownUp()" onkeyup="KeyDownUp()">


<script>        

function KeyDownUp() 
{
   it_id = document.getElementById("input-text-id");
   document.getElementById("p-id").innerHTML = it_id.value;
}

/*
run:

every char typed in "input-text-id" will be copy to "p-id" 
  
*/

</script>

<p id="p-id"></p>

</body>
</html>

 



answered Aug 24, 2015 by avibootz
0 votes
<!DOCTYPE html>
<html>

<head>  
</head>
  
<body>

<input type="text" id="input-text-id" onKeyPress="KeyPressUp()" onkeyup="KeyPressUp()">

<script>        

function KeyPressUp() 
{
   it_id = document.getElementById("input-text-id");
   document.getElementById("p-id").innerHTML = it_id.value;
}

/*
run:

every char typed in "input-text-id" will be copy to "p-id" 
  
*/

</script>

<p id="p-id"></p>

</body>
</html>

 



answered Aug 24, 2015 by avibootz
...