Capture Key Press

pradeep's Avatar author of Capture Key Press
Contributed by ()
This is an article on Capture Key Press in Web Design, HTML And CSS Tutorials.
The following code works for capturing key presses on IE, Netscape, Opera 7,and somewhat with Opera 6.

HTML Code:
 <html>
 <script language="JavaScript">
 function keyHandler(e)
 {
 	var pressedKey;
 	if (document.all)	{ e = window.event; }
 	if (document.layers) { pressedKey = e.which; }
 	if (document.all)	{ pressedKey = e.keyCode; }
 	pressedCharacter = String.fromCharCode(pressedKey);
 	alert(' Character = ' + pressedCharacter + ' [Decimal value = ' + pressedKey + ']');
 }
 document.onkeypress = keyHandler;
 </script>
 <body>Press any key.
Go4Expert Founder
29Jan2007,17:17   #2
shabbir's Avatar
Does it work with FF
Team Leader
29Jan2007,17:42   #3
pradeep's Avatar
Oh! That can be fixed with changing line 7 to this

Code: javascript
if (document.layers || e.which) { pressedKey = e.which; }
Newbie Member
6Feb2007,22:19   #4
kanchan's Avatar
hi pradeep.
Team Leader
7Feb2007,10:06   #5
pradeep's Avatar
Hi, Do i know you?
Newbie Member
8Feb2007,22:13   #6
kanchan's Avatar
no you dont know me
I am from aurangabad.
Team Leader
9Feb2007,13:47   #7
pradeep's Avatar
Can I help you out in some way?
Newbie Member
23Jun2007,11:14   #8
rahul bakshi's Avatar
Hi i m rahul.Your promming excellent for everyone.
Go4Expert Founder
23Jun2007,14:55   #9
shabbir's Avatar
Everyone, Please keep the discussion related to the article here and other discussions in the respective threads or create a new one.
Light Poster
27Mar2009,20:19   #10
ClayC's Avatar
thanks for the code but it had a small bug in it which was when you press 2 keys very very fast it will capture 1 of them and the other just be ignored, I am personally using it to disable the Fx keys and the arrow keys etc... letting the user use only the alphanumeric keys...

here is what I did
Code:
<script language="JavaScript">
	<!--
	function keyHandler(e) {
		var pressedKey;
		if (document.all)	{ e = window.event; pressedKey = e.keyCode; }
		if (document.layers || e.which) { pressedKey = e.which; }
		if (!pressedKey) { return false; }
	}
	
	document.onkeypress = keyHandler;
	-->
</script>
I added the comment tags cause in IE 5 it sometimes prints out the code so using those will make it think it's a comment so it will just be ignored :P

tnx alot for the code you gave out here, you really helped me and also thnx to pradeep for telling us how to make it work with FF too

hope what I did helps you as much as what you did helped me
Last edited by shabbir; 31Mar2009 at 07:36.. Reason: Code blocks
Page 1 of 2
1
2