EVENT
HANDLER: onKeyPress
onKeyPress
= myJavaScriptCode
Event handler for Document, Image,
Link, TextArea.
The onKeyPress event handler executes the specified JavaScript
code or function on the occurance of a KeyPress event. A KeyPress event
occurs when the user presses or holds down a key.
The onKeyPress event handler uses the following Event
object properties.
type - this property indicates the type of event.
target - this property indicates the object to which the event
was originally sent.
layerX - the cursor location when the KeyPress event occurs.
layerY - the cursor location when the KeyPress event occurs.
pageX - the cursor location when the KeyPress event occurs.
pageY - the cursor location when the KeyPress event occurs.
screenX - the cursor location when the KeyPress event occurs.
screenY - the cursor location when the KeyPress event occurs.
which - this represents the key pressed as its ASCII value.
modifiers - lists the modifier keys (shift, alt, ctrl, etc.) held
down when the KeyPress event occurs.
The following example shows the use of the onKeyPress event handler
to display a message in the text box.
Code:
<body>
<form action="" method="POST" id="myForm" >
<input type="text" name="myText" onKeyPress="changeVal()">
<script type="text/javascript" language="JavaScript">
s1 = new String(myForm.myText.value)
function changeVal() {
s1 = "You pressed a key"
myForm.myText.value = s1.toUpperCase()
}
</script>
</form>
</body> |