https://github.com/codex-team/codex.shortcuts
Micro-library for dispatching keyboard shortcuts in Javascript
https://github.com/codex-team/codex.shortcuts
javascript js-shortcuts shortcuts ui
Last synced: about 2 months ago
JSON representation
Micro-library for dispatching keyboard shortcuts in Javascript
- Host: GitHub
- URL: https://github.com/codex-team/codex.shortcuts
- Owner: codex-team
- License: mit
- Created: 2018-02-06T16:53:29.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2022-08-04T16:43:16.000Z (almost 3 years ago)
- Last Synced: 2025-04-14T23:08:19.124Z (about 2 months ago)
- Topics: javascript, js-shortcuts, shortcuts, ui
- Language: JavaScript
- Homepage:
- Size: 185 KB
- Stars: 50
- Watchers: 4
- Forks: 7
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CodeX Shortcuts
CodeX shortcuts is a micro-library for dispatching keyboard shortcuts in Javascript.
You don't need external dependencies.## Installation
Package is available on NPM
```
npm install @codexteam/shortcuts --save
```## Usage
Require module if you use Webpack or ES6
```javascript
const Shortcut = require('@codexteam/shortcuts');
```
or
```javascript
import Shortcut from '@codexteam/shortcuts'
```### Creating a shortcut
library provided as class, so to create a new shortcut, make a `Shortcut` instance with specified options.
Example:
```javascript
let cmdA = new Shortcut({
name : 'CMD+A',
on : document.body,
callback: function(event) {
// your handler
}
});
```
```name``` - this is shortcut name, keys must be separated by `+````on``` - binding element. Shortcut will be fired only on passed (this) element
```callback``` - you code that defines the behaviour
If you have a single-page web application and you don't need shortcuts handler
you can easily remove it```javascript
cmdA.remove();
```## How it works
Library parses data given on constructor, defines commands and keys.
Supported commands : ```shift```, ```cmd```, ```command```, ```ctrl```,
```control```, ```windows```, ```alt```.other words we pass as keys and special commands. Special commands are:
```backspace```, ```enter```, ```right```, ```left```, ```up```, ```down```,
```escape```, ```insert```, ```delete```.## Contribution
To contribute, please fork, add your patch and tests for it (in the test/ folder) and submit a pull request.
CodeX is a team united of passionate people who loves web development, design and marketing.
We build a full-valued projects on the world area.Feel free to give us a feedback [[email protected]]([email protected])
Follow us on:
VK: [https://vk.com/codex_team](https://vk.com/codex_team)
Telegram: [https://t.me/codex_team](https://t.me/codex_team)
Instagram: [https://www.instagram.com/codex_team](https://www.instagram.com/codex_team)