Skip to content

Function: useOnEvents()

ts
function useOnEvents<E>(host: ReactiveElement, options: UseOnEventsOptions<E>): OnEventController<E>;

Defined in: src/wirestate-lit/events/use-on-events.ts:59

Subscribes to events for the host element's lifetime.

Type Parameters

Type ParameterDefault type
E extends WireEvent<unknown, EventType, unknown>WireEvent<unknown, EventType, unknown>

Parameters

ParameterTypeDescription
hostReactiveElementHost element.
optionsUseOnEventsOptions<E>Event handling options.

Returns

OnEventController<E>

Event controller.

Remarks

Registers when the host connects, unregisters when it disconnects, and re-subscribes when the nearest container context changes. Omit types, or pass null, to receive every event.

Examples

typescript
class MyElement extends LitElement {
  private eventHandler = useOnEvents(this, {
    handler: (event) => console.log(event),
  });
}
typescript
class MyElement extends LitElement {
  private eventHandler = useOnEvents(this, {
    types: ["MY_EVENT"],
    handler: (event) => console.log(event),
  });
}