OLD | NEW |
1 <script> | 1 <script> |
2 function test() | 2 function test() |
3 { | 3 { |
4 if (window.testRunner) | 4 if (window.testRunner) |
5 testRunner.dumpAsText(); | 5 testRunner.dumpAsText(); |
6 var select = document.getElementById("select"); | 6 var select = document.getElementById("select"); |
7 var x = select.clientLeft + 10; | 7 var rect = select.getBoundingClientRect(); |
8 var y = select.clientTop + 10; | 8 var x = rect.left + 10; |
9 var event = document.createEvent("MouseEvent"); | 9 var y = rect.top + 10; |
10 event.initMouseEvent("mousedown", true, true, document.defaultView, 1, x, y,
x, y, false, false, false, false, 0, document); | 10 |
11 select.dispatchEvent(event); | 11 if (window.eventSender) { |
| 12 eventSender.mouseMoveTo(x, y); |
| 13 eventSender.mouseDown(0); |
| 14 } |
12 } | 15 } |
13 function reportFocus() | 16 function reportFocus() |
14 { | 17 { |
15 document.getElementById("result").innerHTML = "PASS"; | 18 document.getElementById("result").innerHTML = "PASS"; |
16 } | 19 } |
17 </script> | 20 </script> |
18 <body onload="test()"> | 21 <body onload="test()"> |
19 <p>The select below should be focused because we dispatched a mouse down event t
o it.</p> | 22 <p>The select below should be focused because we dispatched a mouse down event t
o it.</p> |
20 <p id="result">FAIL</p> | 23 <p id="result">FAIL</p> |
21 <select id="select" size="4" onfocus="reportFocus()"> | 24 <select id="select" size="4" onfocus="reportFocus()"> |
22 <option>one</option> | 25 <option>one</option> |
23 <option>two</option> | 26 <option>two</option> |
24 <option>three</option> | 27 <option>three</option> |
25 <option>four</option> | 28 <option>four</option> |
26 </select> | 29 </select> |
27 </body> | 30 </body> |
OLD | NEW |