| <html> |
| <head> |
| <script> |
| |
| function keyLocationToText(location) |
| { |
| switch (location) { |
| case KeyboardEvent.DOM_KEY_LOCATION_STANDARD: |
| return "DOM_KEY_LOCATION_STANDARD"; |
| case KeyboardEvent.DOM_KEY_LOCATION_LEFT: |
| return "DOM_KEY_LOCATION_LEFT"; |
| case KeyboardEvent.DOM_KEY_LOCATION_RIGHT: |
| return "DOM_KEY_LOCATION_RIGHT"; |
| case KeyboardEvent.DOM_KEY_LOCATION_NUMPAD: |
| return "DOM_KEY_LOCATION_NUMPAD"; |
| case KeyboardEvent.DOM_KEY_LOCATION_MOBILE: |
| return "DOM_KEY_LOCATION_MOBILE"; |
| case KeyboardEvent.DOM_KEY_LOCATION_JOYSTICK: |
| return "DOM_KEY_LOCATION_JOYSTICK"; |
| default: |
| return "" + location |
| } |
| } |
| |
| function keyevent(event) { |
| var p = document.createElement("p"); |
| p.appendChild(document.createTextNode(event.type + " - key: " + event.keyIdentifier + "@" + keyLocationToText(event.location) + " (keyCode/charCode: " + event.keyCode + "/" + event.charCode + ")" + " modifiers: " + event.ctrlKey + "," + event.altKey + "," + event.shiftKey + "," + event.metaKey)); |
| document.getElementById("result").appendChild(p); |
| } |
| |
| function init() { |
| var input = document.getElementById("testinput"); |
| input.addEventListener("keydown", keyevent, true); |
| input.addEventListener("keypress", keyevent, true); |
| input.addEventListener("keyup", keyevent, true); |
| |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| input.focus(); |
| if (window.eventSender) { |
| eventSender.keyDown("\t"); |
| eventSender.keyDown("\t", new Array("shiftKey")); |
| } |
| } |
| </script> |
| </head> |
| <body onload="init()"> |
| <form> |
| <input type="text" size="50" id="testinput" /> |
| <input type="text" size="50" /> |
| </form> |
| |
| <p>This tests that DOMKeyboardEvents are created correctly in the JavaScript API.</p> |
| |
| <div id="result"></div> |
| </body> |
| </html> |
