Press "Enter" to skip to content

Easy Setup And Management Of Keyboard Shortcuts In An Angular

Keyboard Shortcuts using simple directives ngx keyboard shortcuts allows you to create and execute custom keybinding events in your angular applications.

ng keyboard shortcuts example, angular hotkeys example, custom keyboard angular, how to add keyboard shortcuts in angular, javascript detect trigger keyboard shortcut

Commands

npm start Run the demo environment

npm test Run tests

npm run lint Run linter

npm run build Build the package

Keyboard Shortcuts Interface for Your Website Using Static HTML, Vanilla JS, Vue, and React

How to make use of it:

1. Install the package.

# NPM
$ npm install ngx-keyboard-shortcuts --save

2. Import the module.

import { NgxKeyboardShortcutModule } from 'ngx-keyboard-shortcuts';

@NgModule({
imports: [NgxKeyboardShortcutModule.forRoot()]
})
export class AppModule {}

3. Example of creating a shortcut (Ctrl + s).

<button [keyboardShortcut]="keyboardShortcutDef" (click)="example()">
  Click Me
</button>
keyboardShortcutDef: IKeyboardShortcutListenerOptions = {
  description: 'example',
  keyBinding: [KeyboardKeys.Ctrl, KeyboardKeys.Shift, 'i']
};

Multiple Keystroke Detection to Add Shortcuts to Your App | CtrlTab.js

Create Custom Keyboard Shortcuts, Keyboard Shortcuts Plugin/Github, create keyboard shortcuts in html, html keyboard shortcuts javascript


See Demo And Download

Official Website(milestechnologies): Click Here

This superior jQuery/javascript plugin is developed by milestechnologies. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *