JavaScript Examples Bible - UserWorks Technologies

Chapter 13 ✦ Event Objects (Chapter 29)
here is the event that triggers the function to show the properties. From the text
box, an onKeyPress event handler triggers that process; from the button, an
onClick event handler does the job.
NN6+ event Object
charCode
keyCode
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓
Example
Listing 29-18 provides a play area to view the charCode and keyCode properties
for all three keyboard events while you type into a TEXTAREA. You can use this
later as an authoring tool to grab the precise codes for keyboard keys you may not
be familiar with.
Listing 29-18: Displaying charCode and keyCode
Property Values
charCode and keyCode Properties
TD {text-align:center}
function showCode(which, evt) {
document.forms[0].elements[which + “Char”].value = evt.charCode
document.forms[0].elements[which + “Key”].value = evt.keyCode
}
function clearEm() {
for (var i = 1; i < document.forms[0].elements.length; i++) {
document.forms[0].elements[i].value = “”
}
}
charCode and keyCode Properties
Continued
423
(NN6) eventObject.charCode