| OLD | NEW |
| 1 Tests event listeners output in the Elements sidebar panel. | 1 Tests event listeners output in the Elements sidebar panel. |
| 2 | 2 |
| 3 Inspect Me | 3 Inspect Me |
| 4 | 4 |
| 5 ======== click ======== | 5 ======== click ======== |
| 6 [expanded] documentevent-listener-sidebar.html:6 |
| 7 useCapture: false |
| 8 handler: function documentClickHandler(event) { console.log("click - documen
t - attribute"); } |
| 9 [expanded] documentevent-listener-sidebar.html:31 |
| 10 useCapture: true |
| 11 handler: EventListenerImpl |
| 12 [expanded] documentevent-listener-sidebar.html:25 |
| 13 useCapture: true |
| 14 handler: ObjectHandler |
| 6 [expanded] documentevent-listener-sidebar.html:19 | 15 [expanded] documentevent-listener-sidebar.html:19 |
| 7 attachment: script | 16 useCapture: true |
| 8 handler: function (event) { console.log("click - document - capturing"); } | 17 handler: function (event) { console.log("click - document - capturing"); } |
| 9 node: #document | 18 [expanded] button#nodeevent-listener-sidebar.html:17 |
| 19 useCapture: false |
| 20 handler: function (event) { console.log("click - button - bubbling (register
ed after attribute)"); } |
| 21 [expanded] button#nodeevent-listener-sidebar.html:16 |
| 22 useCapture: false |
| 23 handler: function (event) { console.log("click - button - attribute"); } |
| 24 [expanded] button#nodeevent-listener-sidebar.html:12 |
| 25 useCapture: false |
| 26 handler: function clickHandler(event) { console.log("click - button - bubbli
ng (registered before attribute)"); } |
| 27 [expanded] button#nodeevent-listener-sidebar.html:15 |
| 10 useCapture: true | 28 useCapture: true |
| 11 [expanded] documentevent-listener-sidebar.html:25 | |
| 12 attachment: script | |
| 13 handler: ObjectHandler | |
| 14 node: #document | |
| 15 useCapture: true | |
| 16 [expanded] documentevent-listener-sidebar.html:31 | |
| 17 attachment: script | |
| 18 handler: EventListenerImpl | |
| 19 node: #document | |
| 20 useCapture: true | |
| 21 [expanded] button#nodeevent-listener-sidebar.html:15 | |
| 22 attachment: script | |
| 23 handler: function (event) { console.log("click - button - capturing"); } | 29 handler: function (event) { console.log("click - button - capturing"); } |
| 24 node: button#node | |
| 25 useCapture: true | |
| 26 [expanded] button#nodeevent-listener-sidebar.html:12 | |
| 27 attachment: script | |
| 28 handler: function clickHandler(event) { console.log("click - button - bubbli
ng (registered before attribute)"); } | |
| 29 node: button#node | |
| 30 useCapture: false | |
| 31 [expanded] button#nodeevent-listener-sidebar.html:16 | |
| 32 attachment: attribute | |
| 33 handler: function (event) { console.log("click - button - attribute"); } | |
| 34 node: button#node | |
| 35 useCapture: false | |
| 36 [expanded] button#nodeevent-listener-sidebar.html:17 | |
| 37 attachment: script | |
| 38 handler: function (event) { console.log("click - button - bubbling (register
ed after attribute)"); } | |
| 39 node: button#node | |
| 40 useCapture: false | |
| 41 [expanded] documentevent-listener-sidebar.html:6 | |
| 42 attachment: attribute | |
| 43 handler: function documentClickHandler(event) { console.log("click - documen
t - attribute"); } | |
| 44 node: #document | |
| 45 useCapture: false | |
| 46 | 30 |
| 47 ======== custom event ======== | 31 ======== custom event ======== |
| 48 [expanded] bodyevent-listener-sidebar.html:10 | 32 [expanded] bodyevent-listener-sidebar.html:10 |
| 49 attachment: script | 33 useCapture: true |
| 50 handler: function f() {} | 34 handler: function f() {} |
| 51 node: body | |
| 52 useCapture: true | |
| 53 | 35 |
| 54 ======== hover ======== | 36 ======== hover ======== |
| 55 [expanded] button#nodeevent-listener-sidebar.html:14 | 37 [expanded] button#nodeevent-listener-sidebar.html:14 |
| 56 attachment: script | 38 useCapture: false |
| 57 handler: function hoverHandler(event) { console.log("hover - button - bubbli
ng"); } | 39 handler: function hoverHandler(event) { console.log("hover - button - bubbli
ng"); } |
| 58 node: button#node | |
| 59 useCapture: false | |
| 60 Listeners for selected node only(should be no listeners): | 40 Listeners for selected node only(should be no listeners): |
| 61 | 41 |
| OLD | NEW |