| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="../js/resources/js-test-pre.js"></script> | 4 <script src="../js/resources/js-test-pre.js"></script> |
| 5 <script> | 5 <script> |
| 6 window.jsTestIsAsync = true; | 6 window.jsTestIsAsync = true; |
| 7 | 7 |
| 8 document.addEventListener('DOMContentLoaded', function () { | 8 document.addEventListener('DOMContentLoaded', function () { |
| 9 var outer = document.querySelector('#outer'); | 9 var outer = document.querySelector('#outer'); |
| 10 var inner1 = document.querySelector('#inner1'); | 10 var inner1 = document.querySelector('#inner1'); |
| (...skipping 24 matching lines...) Expand all Loading... |
| 35 var phases = ['', 'capturing', 'at target', 'bubbling']; | 35 var phases = ['', 'capturing', 'at target', 'bubbling']; |
| 36 var target = e.target ? e.target : e.srcElement; | 36 var target = e.target ? e.target : e.srcElement; |
| 37 debug(e.type + " (" + phases[e.eventPhase] + ") on " + target.id); | 37 debug(e.type + " (" + phases[e.eventPhase] + ") on " + target.id); |
| 38 | 38 |
| 39 if (e.type === 'mouseleave' && target.id === 'inner1') { | 39 if (e.type === 'mouseleave' && target.id === 'inner1') { |
| 40 debug('// Setting capturing mouseenter handler on #outer from #i
nner1\'s mouseleave handler.'); | 40 debug('// Setting capturing mouseenter handler on #outer from #i
nner1\'s mouseleave handler.'); |
| 41 document.querySelector('#outer').addEventListener('mouseenter',
handleEvent, true); | 41 document.querySelector('#outer').addEventListener('mouseenter',
handleEvent, true); |
| 42 } | 42 } |
| 43 } | 43 } |
| 44 </script> | 44 </script> |
| 45 <script src="../js/resources/js-test-post.js"></script> | |
| 46 <style> | 45 <style> |
| 47 #outer { | 46 #outer { |
| 48 background: blue; | 47 background: blue; |
| 49 height: 100px; | 48 height: 100px; |
| 50 left: 100px; | 49 left: 100px; |
| 51 position: absolute; | 50 position: absolute; |
| 52 top: 100px; | 51 top: 100px; |
| 53 width: 100px; | 52 width: 100px; |
| 54 } | 53 } |
| 55 | 54 |
| (...skipping 13 matching lines...) Expand all Loading... |
| 69 } | 68 } |
| 70 </style> | 69 </style> |
| 71 </head> | 70 </head> |
| 72 <body> | 71 <body> |
| 73 <div id="outer"> | 72 <div id="outer"> |
| 74 <div id="inner1"></div> | 73 <div id="inner1"></div> |
| 75 <div id="inner2"></div> | 74 <div id="inner2"></div> |
| 76 </div> | 75 </div> |
| 77 </body> | 76 </body> |
| 78 </html> | 77 </html> |
| OLD | NEW |