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/