Open index.html
, or see the jsFiddle demo.
Pass in the class you want to add when an element is focused by the keyboard to $.fn.keyboardFocus
.
To remove handlers, use offKeyboardFocus
.
$('.keyboard-interactions-only').keyboardFocus('is-focused');
$('.keyboard-interactions-only').offKeyboardFocus();
// Or, if you have dynamic elements and want to apply your focus class to all
// elements that match a given selector:
$.keyboardFocus({
'a.keyboard-interactions-only': 'is-focused'
// You can specify multiple class name mappings.
});
// And, similarly, to remove keyboard focus handlers:
$.offKeyboardFocus();
bower install jquery-keyboard-focus
or
npm install jquery-keyboard-focus
Include jquery.keyboard-focus.min.js
in your source.