onKeypress on input field in js code example

Example 1: keypress javascript

The keypress event has been deprecated, 
you should look to use beforeinput : https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event
or keydown : https://developer.mozilla.org/en-US/docs/Web/API/Document/keydown_event
instead.

(And don't forget to like answers that help you !)

Example 2: jqueryonkey press

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
</script>
<script>
count = 0;
$(document).ready(function(){
  $("input").keypress(function(){
    $("span").text(count = count+1);
  });
});
</script>
</head>
<body>

<h2>jQuery keypress event example on Beginnersbook.com</h2>
Write anything here: <input type = "text">
<p>The current characters count in the textbox is: <span>0</span></p>
</body>
</html>

Tags:

Javascript Example

Recent Posts