JavaScript » eventhandler » onKeyUp

Syntax:
onKeyUp = myJavaScriptCode

Event handler for Document, Image, Link, TextArea.

The onKeyUp event handler executes the specified JavaScript code or function on the occurance of a KeyUp event. A KeyUp event occurs when the user releases a key from its depressed position.

The onKeyUp 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 KeyUp event occurs.
layerY - the cursor location when the KeyUp event occurs.
pageX - the cursor location when the KeyUp event occurs.
pageY - the cursor location when the KeyUpevent occurs.
screenX - the cursor location when the KeyUp event occurs.
screenY - the cursor location when the KeyUp event occurs.
which - this represents the key released as its ASCII value.
modifiers - lists the modifier keys (shift, alt, ctrl, etc.) held down when the KeyUp event occurs.

Examples

Code:
<body>
<form action="" method="POST" id="myForm">
<input type="text" name="myText" onKeyUp="changeVal()">

<script type="text/javascript" language="JavaScript">
s1 = new String(myForm.myText.value)

function changeVal() {
     s1 = "You released a key"
    myForm.myText.value = s1.toUpperCase()
}

</script>
</form>
</body>
Explanation:

This example shows the use of the onKeyUp event handler to display a message in the text box.

See Also: