Mousetrap

Bonjour,

Je vous propose un nouvel élément à utiliser : Mousetrap

Mousetrap est une librairie indépendante sans aucune dépendance externe.

Elle a l'avantage d'être très légère : environ 1,4kb.



Grâce à cette librairie, vous allez pouvoir gérer très simplement les évènements clavier (pression sur telle ou telle touche).

Elle est compatible avec les navigateurs suivants :

• Internet Explorer 6+
• Firefox
• Chrome
• Safari
  

Touches supportées par la librairie



Pour les modificateurs de touches vous pouvez utilisez shift, ctrl, alt, option, meta et command.

Les autres touches spéciales sont backspace, tab, enter, return, capslock, esc, escape, space, pageup, pagedown, end, home, left, up, right, down et del.

Enfin, vous devrez être capable de référencer toutes les autres touches par leur comme par exemple a, /, $ ou encore *.



Documentation de l'API



L'API se compose de quatre méthodes principales : bind(), trigger(), reset() et init().



La méthode bind() est celle que vous utiliserez le plus. C'est celle qui permet de lier une touche à une fonction.



La méthode trigger() permet de déclencher n'importe quel événement qui a été lié à une méthode précédemment.



La méthode reset() permet de supprimer tous les événements liés à une méthode. C'est particulièrement utile lorsque vous souhaitez réinitialiser le contexte sans faire de rafraichissement de votre page. Couplé avec l'utilisation d'Ajax, cette méthode vous permettra de redéfinir vos événements.



Enfin la méthode init() permet d'initialiser les listeners globaux qui sont indispensables pour pouvoir lier des événements par la suite. Elle est appelée au chargement de la page (qui inclut mousetrap.js bien sûr) et vous n'avez pas besoin de l'utiliser manuellement.

Si jamais vous appelez mousetrap.init() sur votre page, vous risquez d'avoir un dédoublement des événements.

Qu'en pensez-vous ?