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 |