/lit-document-event

Easily handle global document events for LitElement

Primary LanguageJavaScript

LitDocumentEvent

Simple global event handling

Easily add listeners to the document object, and have them removed when the component disconnects.

Installation

npm install lit-document-event

Usage

<document-event eventname="keydown" @event=${this.handleKeyDown}></document-event>

It doesn't matter where in your template you put this component. It doesn't have a UI, it just adds a listener for the desired event and emits an event on the component, so you can easily bind to it with lit-html (with the @event=${this.myEventHandler} syntax). When the component is disconnected, the listener will be removed.

Docs

For more info, check the docs.

Also see

  • LitStyle - Shared component styles for LitElement
  • LitState - Simple shared app state management for LitElement