Hi, I am trying to write a KeyPress event that prevents certain keys from being accepted. The code I have works within Netscape but doesn't within IE.<br><br> function keyPress(evnt) { <br> return (String.fromCharCode(evnt.which)!='¦')<br> }<br><br> <INPUT type="text"..onKeyPress="keyPress(event)"><br><br>The problem is that the "event" variable does not seem to set the which "value" in IE, but does in Netscape?? I have checked it and it says it is undefined, but the type is ok?<br><br>Anyone got any ideas??<br><br>
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
KeyPress Event
- Thread starter stevejs
- Start date
- Thread starter
- #3
Well, using Netscape you could use the procedure within the form or any other control with access to an OnKeyPress event to prevent the key from being pressed, but it won't work at all in Internet Explorer.<br><br>I tried to check the value of the text box on the key press, but of course the value hasn't been updated and won't be until the event finishes.
IE uses a different event model than Netscape. The Netscape handler passes the event object as a parameter, and uses the 'which' property.<br><br>In IE, you need to instantiate the event object yourself, and use the keyCode property:<br><br><br> function keyPress(evnt) { <br> if (document.layers)<br> theKey = evnt.which;<br> else (if document.all)<br> theKey = event.keyCode;<br> <br> return (String.fromCharCode(theKey)!='¦')<br> <br> }<br><br> <INPUT type="text"..onKeyPress="keyPress(event)"><br><br><br> <p>nick bulka<br><a href=mailto:nick@bulka.com>nick@bulka.com</a><br><a href= > </a><br>
Oops. Just saw a typo in my code:<br><br>else (if document.all)<br><br>should be<br> <br>else if (document.all)<br> <br>sorry about that<br> <p>nick bulka<br><a href=mailto:nick@bulka.com>nick@bulka.com</a><br><a href= > </a><br>
- Thread starter
- #6
Code:
<html>
<head>
<title>Untitled</title>
<script>
function keyPress(evnt) {
if (document.layers)
theKey = evnt.which;
else if (document.all)
theKey = event.keyCode;
return (String.fromCharCode(theKey)!='a')
}
</script>
</head>
<body>
<INPUT type="text" size="20" maxlength="20" onKeyPress="keyPress(event)">
</body>
</html>Thanks
Tim [sig][/sig]
Tim,
Essentially, if you return false from an event handler, the event will not fire. That's how we're preventing keystrokes. If you want to generate an alert first, change the code at the end to something like this:
if (String.fromCharCode(theKey) == 'a'){
alert ('you pressed a');
return false;
} [sig]<p>nick bulka<br><a href=mailto: > </a><br>[/sig]
Essentially, if you return false from an event handler, the event will not fire. That's how we're preventing keystrokes. If you want to generate an alert first, change the code at the end to something like this:
if (String.fromCharCode(theKey) == 'a'){
alert ('you pressed a');
return false;
} [sig]<p>nick bulka<br><a href=mailto: > </a><br>[/sig]
- Status
Similar threads
