Click Here for FREE Web Hosting!

Home >> Forms >> <INPUT ...> >> <INPUT onKeyPress="...">

<INPUT onKeyPress="...">

Checking Which Key Was Pressed

Canceling the Key Press

If onKeyPress returns false, the event is cancelled and it's as if nothing is typed. For example, this code never allows you to type anything in the field.

this code	produces this
<INPUT onKeyPress="return false">	type something:

Notice that the attribute starts with the word "return" which means that the rest of the statement is returned to the field object, canceling or allowing the event. Of course, it usually doesn't make sense to just never allow any typing, so you'll usually want to test if something is true or false. For example, you can only type in these fields if the Engineering checkbox is checked:

<INPUT TYPE=CHECKBOX NAME="engr"> Engineering<BR>
College: <INPUT NAME="college" onKeyPress="return this.form.engr.checked"><BR>
Focus:   <INPUT NAME="focus"   onKeyPress="return this.form.engr.checked">

Which gives us this form:

<INPUT onKeyPress="...">

Checking Which Key Was Pressed