Pikanäppäimet - Mousetrap

Pari viikkoa sitten tuli taas vaihteeksi tarve webisivun ohjaukseen näppäimistöltä. Aloitin sitomalla KeyPressHandlereitä body-elementtiin, mutta pian aloin kaivata valmista kirjastoa. Viimeistään siinä vaiheessa, kun piti saada lomakkeiden tekstikentät toimimaan järkevästi pikanäppäinten kanssa.

Otin käyttöön MouseTrap-nimisen Javascript-kirjaston. Vaikuttaisi lyhyellä kokeilulla oikein näppärältä. Käyttöönotto on yksinkertainen: lataa javascript-tiedosto ja lisää bindaukset tyyliin:

Mousetrap.bind('left', function() {
  if ($('.prev-post').length) {
    window.location = $('.prev-post').attr('href'); 
  }
});

Lyhenteet ovat käytössä nyt myös tällä sivustolla. Nuoli vasemmalle/oikealle (artikkelisivulla) siirtyy edelliseen/seuraavaan postaukseen.

Viitteet

• Mousetrap