JS keypress events

Question

HTML type attributes only allows numeric input
 
<input id="contact" name="" type="tel" maxlength="12"  onkeypress='return event.charCode >= 48 && event.charCode <= 57'>

 

Answer 1

The event handler can be bound to the input field:

$( "#target" ).keypress(function() {
  console.log( "Handler for .keypress() called." );
});

Answer 2

<!--Javascript - How to assign an onkeypress event to an input element.-->
 
<input type="text" id="demo" onkeypress="myFunction()">
 
<script>
function myFunction() {
    document.getElementById("demo").style.backgroundColor = "red";
}
</script>

 

Answer 3

<!--Uses the addEventListener() method to attach a keypress event to an input element.-->
 
<input type="text" id="demo">
 
<script>
document.getElementById("demo").addEventListener("keypress", myFunction);
 
function myFunction() {
    document.getElementById("demo").style.backgroundColor = "red";
}
</script>