| OLD | NEW |
| 1 <p>To test manually, press keys and compare results to other browsers.</p> | 1 <p>To test manually, press keys and compare results to other browsers.</p> |
| 2 <input type="text" | 2 <input type="text" |
| 3 onclick="log(eventInfo(event));" | 3 onclick="log(eventInfo(event));" |
| 4 onmousedown="log(eventInfo(event));" | 4 onmousedown="log(eventInfo(event));" |
| 5 onmouseup="log(eventInfo(event));" | 5 onmouseup="log(eventInfo(event));" |
| 6 onkeypress="log(eventInfo(event));" | 6 onkeypress="log(eventInfo(event));" |
| 7 onkeydown="log(eventInfo(event));" | 7 onkeydown="log(eventInfo(event));" |
| 8 onkeyup="log(eventInfo(event));"> | 8 onkeyup="log(eventInfo(event));"> |
| 9 </input> | 9 </input> |
| 10 <input type=text></input> | 10 <input type=text></input> |
| 11 <div id="log"></div> | 11 <div id="log"></div> |
| 12 | 12 |
| 13 <script> | 13 <script> |
| 14 function log(msg) { | 14 function log(msg) { |
| 15 document.getElementById("log").innerHTML+= msg + "<br />"; | 15 document.getElementById("log").innerHTML+= msg + "<br />"; |
| 16 } | 16 } |
| 17 function eventInfo(event, where) { | 17 function eventInfo(event, where) { |
| 18 try { | 18 try { |
| 19 if (!event) | 19 if (!event) |
| 20 event = window.event; | 20 event = window.event; |
| 21 target = event.srcElement ? event.srcElement : event.target; | 21 target = event.srcElement ? event.srcElement : event.target; |
| 22 if (event.type == "textInput") | 22 if (event.type == "textInput") |
| 23 return (where ? "(" + where + ") " : "") + target.tagName + " - " + even
t.type + " - " + event.data | 23 return (where ? "(" + where + ") " : "") + target.tagName + " - " + even
t.type + " - " + event.data |
| 24 + '. Value: "' + target.value + '".'; | 24 + '. Value: "' + target.value + '".'; |
| 25 else if (event.type == "keydown" || event.type == "keypress" || event.type =
= "keyup") | 25 else if (event.type == "keydown" || event.type == "keypress" || event.type =
= "keyup") |
| 26 return (where ? "(" + where + ") " : "") + target.tagName + " - " + even
t.type | 26 return (where ? "(" + where + ") " : "") + target.tagName + " - " + even
t.type |
| 27 + ' - ' + [event.ctrlKey, event.altKey, event.shiftKey, event.metaKe
y] | 27 + ' - ' + [event.ctrlKey, event.altKey, event.shiftKey, event.metaKe
y] |
| 28 + ' - ' + event.keyIdentifier | 28 + ' -' + event.key |
| 29 + ' - ' + event.keyCode | 29 + '- ' + event.keyCode |
| 30 + ' - ' + event.charCode | 30 + ' - ' + event.charCode |
| 31 + '. Value: "' + target.value + '".'; | 31 + '. Value: "' + target.value + '".'; |
| 32 else if (event.type == "mousedown" || event.type == "click" || event.type ==
"mouseup") | 32 else if (event.type == "mousedown" || event.type == "click" || event.type ==
"mouseup") |
| 33 return (where ? "(" + where + ") " : "") + target.tagName + " - " + even
t.type | 33 return (where ? "(" + where + ") " : "") + target.tagName + " - " + even
t.type |
| 34 '. Value: "' + target.value + '".'; | 34 '. Value: "' + target.value + '".'; |
| 35 | 35 |
| 36 } catch (ex) { | 36 } catch (ex) { |
| 37 alert(ex); | 37 alert(ex); |
| 38 } | 38 } |
| 39 } | 39 } |
| 40 log("target - type - " + ["ctrlKey", "altKey", "shiftKey", "metaKey"] | 40 log("target - type - " + ["ctrlKey", "altKey", "shiftKey", "metaKey"] |
| 41 + ' - ' + "keyIdentifier" | 41 + ' - ' + "key" |
| 42 + ' - ' + "keyCode" | 42 + ' - ' + "keyCode" |
| 43 + ' - ' + "charCode"); | 43 + ' - ' + "charCode"); |
| 44 | 44 |
| 45 if (document.getElementsByTagName("input")[0].addEventListener) | 45 if (document.getElementsByTagName("input")[0].addEventListener) |
| 46 document.getElementsByTagName("input")[0].addEventListener('textInput', func
tion(e) {log(eventInfo(e));}, false); | 46 document.getElementsByTagName("input")[0].addEventListener('textInput', func
tion(e) {log(eventInfo(e));}, false); |
| 47 | 47 |
| 48 document.getElementsByTagName("input")[0].focus(); | 48 document.getElementsByTagName("input")[0].focus(); |
| 49 | 49 |
| 50 if (window.testRunner) { | 50 if (window.testRunner) { |
| 51 testRunner.dumpAsText(); | 51 testRunner.dumpAsText(); |
| 52 log("Space:"); | 52 log("Space:"); |
| 53 eventSender.keyDown(" ", []); | 53 eventSender.keyDown(" ", []); |
| 54 log("Backspace:"); | 54 log("Backspace:"); |
| 55 eventSender.keyDown("Backspace", []); | 55 eventSender.keyDown("Backspace", []); |
| 56 log("Left Arrow:"); | 56 log("Left Arrow:"); |
| 57 eventSender.keyDown("ArrowLeft", []); | 57 eventSender.keyDown("ArrowLeft", []); |
| 58 log("Tab:"); | 58 log("Tab:"); |
| 59 eventSender.keyDown("\t", []); | 59 eventSender.keyDown("\t", []); |
| 60 } | 60 } |
| 61 </script> | 61 </script> |
| OLD | NEW |