Handle user interactions and DOM events
Track mouse movement with the onpointermove event:
POINTER COORDINATES
0 × 0
Move your mouse over this area
Events propagate up through parent elements. Click in the input or container to see bubbling:
Parent Container: Click here and press any key
Events bubble from the input to this container
Pass event handlers to child components as props:
Component with increment/decrement callbacks:
CURRENT VALUE
0
Pass custom onclick handlers to components:
Events propagate from child to parent elements
Pass event handlers to child components
Write event handlers directly in templates
Access all standard browser events