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 |