Detecting any key press and triggering events in JavaScript

Key press

We can read which key is pressed by user by reading window event. We need to use onkeydown to get arrow keys status.
Press any key.

Press any key ( Demo )

Here is the sample code to read key press

<script language='JavaScript' type='text/JavaScript'>
document.onkeypress = function(key_dtl) {
 key_dtl = key_dtl || window.event; 
var uni_code = key_dtl.keyCode || key_dtl.which; 
var key_name = String.fromCharCode(uni_code); 
//alert(key_name); 
document.getElementById('my_msg').innerHTML=key_name;
}
</script>

Read how to detect arrow key press
Event Handling onMouseOver and onMouseOut

Subscribe to our YouTube Channel here

This article is written by plus2net.com team.

plus2net.com