/ngx-mousetrap-angular

Angular library to use mousetrap as Angular Service or Directive

Primary LanguageTypeScript

NgxMousetrap

An Angular library to use mousetrap as Angular service or Angular Directive.

Getting Started

Using as Directive

<button class="btn btn-primary"
  (click)="onClick()"
  [ngxMousetrapKey]="'command+enter | ctrl+enter'">
    Click or press (command/ctrl)+enter
</button>

When the keyboard shortcut is pressed, button will get clicked!

Using as Angular Service

    const saveKey = 'command+s | ctrl+s'
    this.subscription = this.ngxMousetrapService.register(saveKey).
      subscribe(evt => {
        <!-- save hotkey pressed -->
      });

Demo

https://nagarsuresh.github.io/ngx-mousetrap-angular/

NPM

https://www.npmjs.com/package/ngx-mousetrap