professional-javascript-09-KeyEventsExample2.htm / htm
<html> <head> <title>Key Events Example</title> <script type="text/javascript"> function handleEvent(oEvent) { var oTextbox = document.getElementById("txt1"); oTextbox.value += "\n>" + oEvent.type; oTextbox.value += "\n target is " + (oEvent.target || oEvent.srcElement).id; oTextbox.value += "\n keyCode is " + oEvent.keyCode; oTextbox.value += "\n charCode is " + oEvent.charCode; var arrKeys = []; if (oEvent.shiftKey) { arrKeys.push("Shift"); } if (oEvent.ctrlKey) { arrKeys.push("Ctrl"); } if (oEvent.altKey) { arrKeys.push("Alt"); } oTextbox.value += "\n keys down are " + arrKeys; } </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>
(C) Æliens 20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.