| <html> |
| <head> |
| <script> |
| function log(string) |
| { |
| document.getElementById('output').innerHTML += string; |
| } |
| |
| function mouseDown(evt) |
| { |
| log("<span style='color:green'>[Mouse Down]</span> Button: " + evt.button + " Click Count: " + evt.detail + "<br>"); |
| } |
| |
| function mouseUp(evt) |
| { |
| log("<span style='color:green'>[Mouse Up]</span> Button: " + evt.button + " Click Count: " + evt.detail + "<br>"); |
| } |
| |
| function mouseClick(evt) |
| { |
| log("<span style='color:green'>[Mouse Click]</span> Button: " + evt.button + " Click Count: " + evt.detail + "<br>"); |
| } |
| |
| function mouseDoubleClick(evt) |
| { |
| log("<span style='color:green'>[Mouse Double Click]</span> Button: " + evt.button + " Click Count: " + evt.detail + "<br>"); |
| } |
| |
| function test() |
| { |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| testRunner.waitUntilDone(); |
| } |
| if (window.eventSender) { |
| var testEle = document.getElementById("testDiv"); |
| eventSender.mouseMoveTo(testEle.offsetLeft+testEle.offsetWidth/2, testEle.offsetTop+testEle.offsetHeight/2); |
| testClick(); |
| } |
| } |
| |
| function testClick() |
| { |
| for (var clickCount = 1; clickCount <= 5; clickCount++) { |
| log("Clicking " + clickCount + " times<br>"); |
| for (var click = 0; click < clickCount; click++) { |
| eventSender.mouseDown(); |
| eventSender.mouseUp(); |
| } |
| // Skip forward 1 second so that the clicks are counted as distinct. |
| eventSender.leapForward(1000); |
| } |
| testRunner.notifyDone(); |
| } |
| |
| </script> |
| </head> |
| <body onload="test()"> |
| <div id="testDiv" style="-webkit-user-select: none; border:1px solid red" onmousedown="mouseDown(event)" onmouseup="mouseUp(event)" onclick="mouseClick(event)" ondblclick="mouseDoubleClick(event)">Click inside this div</div> |
| <p id="output"> |
| </p> |
