Vytvářejte klávesové zkratky pomocí pasti na myši

Některé z nejlepších částí webových aplikací se skrývají v maličkostech. Tyto „malé detaily“ mohou často vést k velkým, velkým ziskům. Jeden z těchto malých zisků lze nalézt v klávesových zkratkách. Úžasné webové aplikace jako Gmail a GitHub používají spoustu klávesových zkratek a exponenciálně zrychlují navigaci. Po vyhodnocení několika klávesnicových mikroknihoven jsem zjistil, že Past na myši je nejlepší!

Zobrazit DemoGet Past na myši

Používání pasti na myši

Metoda vazby pasti na myši je klíčem k šílenství, přijímá klíč(y) k poslechu, metodu zpětného volání a konkrétní událost k použití (pokud existuje):

Mousetrap.bind("s", function(e) {
	// Focus on the search field, do whatever
});

Okamžitě je hezké vidět, že můžete odkazovat na klíče podle názvu klíče a nemusíte hledat čísla kódů klíčů. Můžete poslouchat více kláves tak, že mezi ně přidáte +:

Mousetrap.bind("shift+k", function() {
	// Create a link
});

Můžete také poslouchat sekvence kláves tak, že klávesy oddělíte mezerami:

Mousetrap.bind("d a v i d", function() {
	// Alert "FTW"
});

// konami code!
Mousetrap.bind('up up down down left right left right b a enter', function() {
    highlight([21, 22, 23]);
});

V případě naslouchání podobných událostí můžete Moustrapu předat pole:

Mousetrap.bind(["command+s", "ctrl+s"], function() {
	// Save the form
});

Modifikační klávesy jako SHIFT a CONTROL lze také použít:

Mousetrap.bind("shift+k", function() {
	// Yay for extra key control
});

Můžete také použít klíče, které vyžadují SHIFT aniž byste museli citovat klíč:

Mousetrap.bind("* _ $", function() {
	// Yay for extra key control
});

Odebrání posluchačů událostí lze provést jednoduchým voláním unbind, předáním klíče (klíčů), ke kterému se odvážet:

Mousetrap.unbind("s");

Kdykoli můžete spustit událost, pokud chcete:

Mousetrap.trigger("s");

V podstatě získáte maximální kontrolu nad klíčovými událostmi. Past na myši dokonce poskytuje pokročilejší funkce, pokud ji potřebujete, takže se podívejte do oficiální dokumentace, kde se dozvíte více.

Zobrazit ukázku

Past na myši je úžasný nástroj: jednoduchý, užitečný a malý. Pravděpodobně se můžete vyhnout této mikroknihovně, pokud máte k poslechu jen pár kláves, ale pokud hledáte pokročilé ovládání klávesnice a navigaci, past na myši je perfektní.