Small library to handle key bindings (shortcuts) in browser, for ClojureScript.
- Simple format for defining bindings
- Emacs-like key sequences
- Default modifier (
defmodis parsed ascmdon OS X andctrlelsewhere)
- fixed binding to
-(andminus), now if you need to bind to minus on keypad, usekpminus.
- renamed
keybindtokeybind.core - cleaned up code a bit
Add this to your :dependencies vector:
And then:
(require '[keybind.core :as key])
(key/bind! "ctrl-c" ::my-trigger #(js/console.log "Sequence fired properly"))where "ctrl-c" is a button sequence to register on, and ::my-trigger is a key
unique for this sequence - you can use this key to remove binding later on.
If you know Emacs' format, you're all set (not exactly Emacs', though - I decided to resort to more common format of modifiers).
In other case, you have to provide a list of modifiers (some of shift, ctrl,
alt, win, cmd, defmod), followed by a key name. All of those should be
separated by -, i.e.: ctrl-k, alt-m, shift-r.
Combining few such "chords" in a sequence, like ctrl-k ctrl-m, will register a
key sequence. To trigger you have to press ctrl and k simultaneously,
release them and then press ctrl and m simultaneously.
Note 1: if you want to register on a big letter, use shift-a.
Note 2: ctrl-j in most browsers opens a "Downloads" window. I have thoughts
how to prevent that (for the sequence ctrl-t ctrl-j k for example), but didn't
do anything yet. Report an issue if you have a problem with that.
Note 3: looking at the source as a reference for key names makes sense. :)
(require '[keybind.core :as key])
(defn some-mount-function [items current-item]
(key/bind! "j" ::next #(go-next items current-item))
(key/bind! "shift-space" ::prev #(go-prev items current-item))
(key/bind! "C-c C-x j" ::chord #(js/alert "ever heard of emacs chords?")))
(defn some-unmount-function []
(key/unbind! "j" ::next)
(key/unbind! "shift-space" ::prev)
(key/unbind! "C-c C-x j" ::chord)
;; or simply:
(key/unbind-all!))Library binds global key handler to check all keypresses. The reason for this is that focus in browsers is often hard to handle and define properly, and most of the time it makes no sense to bind against some element.
Also, you have to be aware that bind! and unbind! use global BINDINGS
atom. If you want to use your own atom, just use bind and unbind versions
(swap! your atom with them). You'll have to bind dispatcher! on your own
though.
I was also thinking how would you have more than a single atom - if you want to
organize some contexts (on one page you have one set of bindings and another
page obviously has different actions and different bindings) - and it seems to
me it's easier to just reset! one single atom with necessary bindings when
it's necessary. That's why BINDINGS is public.
Or just bind!/unbind! all the time, whatever floats your boat.
Please notify me if you don't understand something, I would like to improve documentation but not sure exactly what to do.
Plus it isn't possible to have custom key modifiers right now. Ideally I'd like to have that, but right now we're limited to Shift/Control/Alt/Command.