Listen to key up event for TextArea in JavaScript

Description

The following code shows how to listen to key up event for TextArea.

Example


<html>
<head>
<script type="text/javascript">
function handleEvent(oEvent) {<!-- ww w . jav a2 s.  c  om-->
var oTextbox = document.getElementById("txt1");
oTextbox.value += "\n>" + oEvent.type;
}
</script>
</head>
<body>
<P>Type some characters into the first textbox.</p>
<P><textarea id="txtInput" rows="15" cols="50"
onkeydown="handleEvent(event)"
onkeyup="handleEvent(event)"
onkeypress="handleEvent(event)"></textarea></p>
<P><textarea id="txt1" rows="15" cols="50"></textarea></p>
</body>
</html>

Click to view the demo

The code above generates the following result.

Listen to key up event for TextArea in JavaScript