LitElement: IronA11yKeysBehavior

Замените IronA11yKeysBehavior прослушивателем событий нажатия клавиши при переходе с PolymerElement на LitElement

Библиотека Polymer предоставляет IronA11yKeysBehavior для простой обработки событий клавиатуры. Например, следующее вызовет метод save(), когда пользователь нажмет Enter:

class MyElement extends mixinBehaviors([IronA11yKeysBehavior],
  PolymerElement) {

  ...

  get keyBindings() {
    return {
    enter: 'save',
  };
}

Поскольку вы не можете применить IronA11yKeysBehavior миксин к LitElement, ваш элемент должен сам реализовывать поведение. К счастью, это так же просто, как и раньше:

class MyElement extends LitElement {

  ...

  protected firstUpdated() {
    this.addEventListener('keydown', this.save);
  }
}

В качестве альтернативы вы можете привязать обработку также непосредственно к определенному элементу в шаблоне:

class MyElement extends LitElement {

  ...

  protected render() {
    return html`
      <input @keydown="${this.save}">
    };
  }
}

Удачного кодирования!