mirror of
https://github.com/material-components/material-web.git
synced 2026-01-09 07:21:09 +08:00
1a33a4ec8b
Supports event listeners for cancelable events that need to synchronously perform logic after an event has been dispatched to all client listeners.
```
this.addEventListener('click', event => {
console.log('element listener');
afterPropagation((event) => {
console.log('element listener after propagation, prevented:', event.defaultPrevented);
});
});
element.addEventListener('click', event => {
console.log('client listener one');
event.preventDefault();
});
element.addEventListener('click',() => {
console.log('client listener two');
});
console.log('Before dispatching');
element.click();
console.log('After dispatching');
// "Before dispatching"
// "element listener"
// "client listener one"
// "client listener two"
// "element listener after propagation, prevented: true"
// "After dispatching"
```
PiperOrigin-RevId: 588159837
Material Web
Material web components is a UI toolkit to build customizable and accessible web applications.
Material 3 is the latest version of Google's open-source design system.
Tip: Using Angular? We recommend using Angular Material components instead.
Resources