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 |