| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../../../resources/js-test.js"></script> |
| 3 <style type="text/css"> |
| 4 html, body, .workspace { |
| 5 height: 100%; |
| 6 } |
| 7 button { |
| 8 cursor: pointer; |
| 9 padding: 0px; |
| 10 margin: 0px; |
| 11 } |
| 12 .minbox { |
| 13 height: 30px; |
| 14 width: 1px; |
| 15 } |
| 16 #div1, #div2 { |
| 17 height: 80px; |
| 18 border: 1px solid #aaaaaa; |
| 19 } |
| 20 </style> |
| 21 <body> |
| 22 <div class="workspace"></div> |
| 23 <div class="minbox"> |
| 24 <div id="test"> |
| 25 <button>POINTER</button> |
| 26 </div> |
| 27 </div> |
| 28 <p id="description"></p> |
| 29 <div id="console"></div> |
| 30 <script> |
| 31 var div = document.getElementById("test"); |
| 32 var x = div.offsetLeft + 100; |
| 33 var y = div.offsetTop - window.pageYOffset + 1; |
| 34 var events = []; |
| 35 var targets = []; |
| 36 |
| 37 window.scrollTo(0, 200); |
| 38 if (window.eventSender) { |
| 39 function appendEventLog(e) { |
| 40 events.push(e.type); |
| 41 targets.push(e.currentTarget.nodeName); |
| 42 } |
| 43 |
| 44 function runNextTest(eventType1, eventType2) |
| 45 { |
| 46 document.addEventListener(eventType1, appendEventLog); |
| 47 document.body.addEventListener(eventType1, appendEventLog); |
| 48 document.addEventListener(eventType2, appendEventLog); |
| 49 document.body.addEventListener(eventType2, appendEventLog); |
| 50 eventSender.mouseMoveTo(x, y); // html element in iframe |
| 51 eventSender.mouseMoveTo(x, y + 200); // out of iframe |
| 52 eventSender.mouseMoveTo(x, y - 100); // body element in iframe |
| 53 eventSender.mouseMoveTo(x, y + 200); // out of iframe |
| 54 document.removeEventListener(eventType1, appendEventLog); |
| 55 document.body.removeEventListener(eventType1, appendEventLog); |
| 56 document.removeEventListener(eventType2, appendEventLog); |
| 57 document.body.removeEventListener(eventType2, appendEventLog); |
| 58 } |
| 59 runNextTest('mousemove', ''); |
| 60 runNextTest('mouseover', ''); |
| 61 runNextTest('mouseout', ''); |
| 62 runNextTest('mouseenter', 'mouseleave'); |
| 63 } |
| 64 var i = 0; |
| 65 function verifyEventLog(eventType, target) |
| 66 { |
| 67 shouldBeEqualToString('events[' + i + ']', eventType); |
| 68 shouldBeEqualToString('targets[' + i + ']', target); |
| 69 i++; |
| 70 } |
| 71 verifyEventLog('mousemove', '#document'); // x, y |
| 72 verifyEventLog('mousemove', 'BODY'); // x, y - 100 |
| 73 verifyEventLog('mousemove', '#document'); // x, y - 100 |
| 74 verifyEventLog('mouseover', '#document'); // x, y |
| 75 verifyEventLog('mouseover', 'BODY'); // x, y - 100 |
| 76 verifyEventLog('mouseover', '#document'); // x, y - 100 |
| 77 verifyEventLog('mouseout', '#document'); // x, y |
| 78 verifyEventLog('mouseout', 'BODY'); // x, y - 100 |
| 79 verifyEventLog('mouseout', '#document'); // x, y - 100 |
| 80 verifyEventLog('mouseenter', '#document');// x, y |
| 81 verifyEventLog('mouseleave', '#document');// x, y |
| 82 verifyEventLog('mouseenter', 'BODY'); // x, y - 100 |
| 83 verifyEventLog('mouseenter', '#document');// x, y - 100 |
| 84 verifyEventLog('mouseleave', 'BODY'); // x, y + 200 |
| 85 verifyEventLog('mouseleave', '#document');// x, y + 200 |
| 86 </script> |
| 87 </body> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 494913003:
Mousemove event should be fired when the mouse stays in the document but there is no element. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master