| 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] document event-listener-sidebar.html:19 | 6 [expanded] document event-listener-sidebar.html:19 |
| 7 attachment: script |
| 7 handler: function (event) { console.log("click - document - capturing"); } | 8 handler: function (event) { console.log("click - document - capturing"); } |
| 8 isAttribute: false | |
| 9 lineNumber: 19 | |
| 10 listenerBody: function (event) { console.log("click - document - capturing")
; } | |
| 11 node: #document | 9 node: #document |
| 12 sourceName: [clipped-for-test]/LayoutTests/inspector/elements/event-listener
-sidebar.html | |
| 13 type: click | |
| 14 useCapture: true | 10 useCapture: true |
| 15 [expanded] document event-listener-sidebar.html:25 | 11 [expanded] document event-listener-sidebar.html:25 |
| 12 attachment: script |
| 16 handler: ObjectHandler | 13 handler: ObjectHandler |
| 17 isAttribute: false | |
| 18 lineNumber: 25 | |
| 19 listenerBody: function ObjectHandler() { document.addEventListener("click",
this, true); } | |
| 20 node: #document | 14 node: #document |
| 21 sourceName: [clipped-for-test]/LayoutTests/inspector/elements/event-listener
-sidebar.html | |
| 22 type: click | |
| 23 useCapture: true | 15 useCapture: true |
| 24 [expanded] document event-listener-sidebar.html:31 | 16 [expanded] document event-listener-sidebar.html:31 |
| 17 attachment: script |
| 25 handler: EventListenerImpl | 18 handler: EventListenerImpl |
| 26 isAttribute: false | |
| 27 lineNumber: 31 | |
| 28 listenerBody: function () { console.log("click - document - handleEvent"); } | |
| 29 node: #document | 19 node: #document |
| 30 sourceName: [clipped-for-test]/LayoutTests/inspector/elements/event-listener
-sidebar.html | |
| 31 type: click | |
| 32 useCapture: true | 20 useCapture: true |
| 33 [expanded] button#node event-listener-sidebar.html:15 | 21 [expanded] button#node event-listener-sidebar.html:15 |
| 22 attachment: script |
| 34 handler: function (event) { console.log("click - button - capturing"); } | 23 handler: function (event) { console.log("click - button - capturing"); } |
| 35 isAttribute: false | |
| 36 lineNumber: 15 | |
| 37 listenerBody: function (event) { console.log("click - button - capturing");
} | |
| 38 node: button#node | 24 node: button#node |
| 39 sourceName: [clipped-for-test]/LayoutTests/inspector/elements/event-listener
-sidebar.html | |
| 40 type: click | |
| 41 useCapture: true | 25 useCapture: true |
| 42 [expanded] button#node event-listener-sidebar.html:12 | 26 [expanded] button#node event-listener-sidebar.html:12 |
| 27 attachment: script |
| 43 handler: function clickHandler(event) { console.log("click - button - bubbli
ng (registered before attribute)"); } | 28 handler: function clickHandler(event) { console.log("click - button - bubbli
ng (registered before attribute)"); } |
| 44 isAttribute: false | |
| 45 lineNumber: 12 | |
| 46 listenerBody: function clickHandler(event) { console.log("click - button - b
ubbling (registered before attribute)"); } | |
| 47 node: button#node | 29 node: button#node |
| 48 sourceName: [clipped-for-test]/LayoutTests/inspector/elements/event-listener
-sidebar.html | |
| 49 type: click | |
| 50 useCapture: false | 30 useCapture: false |
| 51 [expanded] button#node event-listener-sidebar.html:16 | 31 [expanded] button#node event-listener-sidebar.html:16 |
| 32 attachment: attribute |
| 52 handler: function (event) { console.log("click - button - attribute"); } | 33 handler: function (event) { console.log("click - button - attribute"); } |
| 53 isAttribute: true | |
| 54 lineNumber: 16 | |
| 55 listenerBody: function (event) { console.log("click - button - attribute");
} | |
| 56 node: button#node | 34 node: button#node |
| 57 sourceName: [clipped-for-test]/LayoutTests/inspector/elements/event-listener
-sidebar.html | |
| 58 type: click | |
| 59 useCapture: false | 35 useCapture: false |
| 60 [expanded] button#node event-listener-sidebar.html:17 | 36 [expanded] button#node event-listener-sidebar.html:17 |
| 37 attachment: script |
| 61 handler: function (event) { console.log("click - button - bubbling (register
ed after attribute)"); } | 38 handler: function (event) { console.log("click - button - bubbling (register
ed after attribute)"); } |
| 62 isAttribute: false | |
| 63 lineNumber: 17 | |
| 64 listenerBody: function (event) { console.log("click - button - bubbling (reg
istered after attribute)"); } | |
| 65 node: button#node | 39 node: button#node |
| 66 sourceName: [clipped-for-test]/LayoutTests/inspector/elements/event-listener
-sidebar.html | |
| 67 type: click | |
| 68 useCapture: false | 40 useCapture: false |
| 69 [expanded] document event-listener-sidebar.html:6 | 41 [expanded] document event-listener-sidebar.html:6 |
| 42 attachment: attribute |
| 70 handler: function documentClickHandler(event) { console.log("click - documen
t - attribute"); } | 43 handler: function documentClickHandler(event) { console.log("click - documen
t - attribute"); } |
| 71 isAttribute: true | |
| 72 lineNumber: 6 | |
| 73 listenerBody: function documentClickHandler(event) { console.log("click - do
cument - attribute"); } | |
| 74 node: #document | 44 node: #document |
| 75 sourceName: [clipped-for-test]/LayoutTests/inspector/elements/event-listener
-sidebar.html | |
| 76 type: click | |
| 77 useCapture: false | 45 useCapture: false |
| 78 | 46 |
| 79 ======== custom event ======== | 47 ======== custom event ======== |
| 80 [expanded] body event-listener-sidebar.html:10 | 48 [expanded] body event-listener-sidebar.html:10 |
| 49 attachment: script |
| 81 handler: function f() {} | 50 handler: function f() {} |
| 82 isAttribute: false | |
| 83 lineNumber: 10 | |
| 84 listenerBody: function f() {} | |
| 85 node: body | 51 node: body |
| 86 sourceName: [clipped-for-test]/LayoutTests/inspector/elements/event-listener
-sidebar.html | |
| 87 type: custom event | |
| 88 useCapture: true | 52 useCapture: true |
| 89 | 53 |
| 90 ======== hover ======== | 54 ======== hover ======== |
| 91 [expanded] button#node event-listener-sidebar.html:14 | 55 [expanded] button#node event-listener-sidebar.html:14 |
| 56 attachment: script |
| 92 handler: function hoverHandler(event) { console.log("hover - button - bubbli
ng"); } | 57 handler: function hoverHandler(event) { console.log("hover - button - bubbli
ng"); } |
| 93 isAttribute: false | |
| 94 lineNumber: 14 | |
| 95 listenerBody: function hoverHandler(event) { console.log("hover - button - b
ubbling"); } | |
| 96 node: button#node | 58 node: button#node |
| 97 sourceName: [clipped-for-test]/LayoutTests/inspector/elements/event-listener
-sidebar.html | |
| 98 type: hover | |
| 99 useCapture: false | 59 useCapture: false |
| 100 Listeners for selected node only(should be no listeners): | 60 Listeners for selected node only(should be no listeners): |
| 101 | 61 |
| OLD | NEW |