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="button" value="Input" | 2 <input type="button" value="Input" |
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 <div id="log"></div> | 10 <div id="log"></div> |
11 | 11 |
12 <script> | 12 <script> |
13 function log(msg) { | 13 function log(msg) { |
14 document.getElementById("log").innerHTML+= msg + "<br />"; | 14 document.getElementById("log").innerHTML+= msg + "<br />"; |
15 } | 15 } |
16 function eventInfo(event, where) { | 16 function eventInfo(event, where) { |
17 try { | 17 try { |
18 if (!event) | 18 if (!event) |
19 event = window.event; | 19 event = window.event; |
20 target = event.srcElement ? event.srcElement : event.target; | 20 target = event.srcElement ? event.srcElement : event.target; |
21 if (event.type == "textInput") | 21 if (event.type == "textInput") |
22 return (where ? "(" + where + ") " : "") + target.tagName + " - " + even
t.type + " - " + event.data; | 22 return (where ? "(" + where + ") " : "") + target.tagName + " - " + even
t.type + " - " + event.data; |
23 else if (event.type == "keydown" || event.type == "keypress" || event.type =
= "keyup") | 23 else if (event.type == "keydown" || event.type == "keypress" || event.type =
= "keyup") |
24 return (where ? "(" + where + ") " : "") + target.tagName + " - " + even
t.type | 24 return (where ? "(" + where + ") " : "") + target.tagName + " - " + even
t.type |
25 + ' - ' + [event.ctrlKey, event.altKey, event.shiftKey, event.metaKe
y] | 25 + ' - ' + [event.ctrlKey, event.altKey, event.shiftKey, event.metaKe
y] |
26 + ' - ' + event.keyIdentifier | 26 + ' -' + event.key |
27 + ' - ' + event.keyCode | 27 + '- ' + event.keyCode |
28 + ' - ' + event.charCode; | 28 + ' - ' + event.charCode; |
29 else if (event.type == "mousedown" || event.type == "click" || event.type ==
"mouseup") | 29 else if (event.type == "mousedown" || event.type == "click" || event.type ==
"mouseup") |
30 return (where ? "(" + where + ") " : "") + target.tagName + " - " + even
t.type; | 30 return (where ? "(" + where + ") " : "") + target.tagName + " - " + even
t.type; |
31 | 31 |
32 } catch (ex) { | 32 } catch (ex) { |
33 alert(ex); | 33 alert(ex); |
34 } | 34 } |
35 } | 35 } |
36 log("target - type - " + ["ctrlKey", "altKey", "shiftKey", "metaKey"] | 36 log("target - type - " + ["ctrlKey", "altKey", "shiftKey", "metaKey"] |
37 + ' - ' + "keyIdentifier" | 37 + ' - ' + "key" |
38 + ' - ' + "keyCode" | 38 + ' - ' + "keyCode" |
39 + ' - ' + "charCode"); | 39 + ' - ' + "charCode"); |
40 | 40 |
41 if (document.getElementsByTagName("input")[0].addEventListener) | 41 if (document.getElementsByTagName("input")[0].addEventListener) |
42 document.getElementsByTagName("input")[0].addEventListener('textInput', func
tion(e) {log(eventInfo(e));}, false); | 42 document.getElementsByTagName("input")[0].addEventListener('textInput', func
tion(e) {log(eventInfo(e));}, false); |
43 | 43 |
44 document.getElementsByTagName("input")[0].focus(); | 44 document.getElementsByTagName("input")[0].focus(); |
45 | 45 |
46 if (window.testRunner) { | 46 if (window.testRunner) { |
47 testRunner.dumpAsText(); | 47 testRunner.dumpAsText(); |
48 log("Space:"); | 48 log("Space:"); |
49 eventSender.keyDown(" ", []); | 49 eventSender.keyDown(" ", []); |
50 log("Enter:"); | 50 log("Enter:"); |
51 eventSender.keyDown("\r", []); | 51 eventSender.keyDown("Enter", []); |
52 log("A:"); | 52 log("A:"); |
53 eventSender.keyDown("A", []); | 53 eventSender.keyDown("A", []); |
54 } | 54 } |
55 </script> | 55 </script> |
OLD | NEW |