jquery add keypress event to element code example

Example: 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:

C Example