JSPM

jquery-keyboard-focus

0.0.4
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 63
    • Score
      100M100P100Q69620F
    • License MIT

    Adds the provided classes to an element when it is focused by keyboard interactions (and not mouse interactions).

    Package Exports

    • jquery-keyboard-focus

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (jquery-keyboard-focus) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    jquery-keyboard-focus

    Demo

    Open index.html, or see the jsFiddle demo.

    Usage

    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();

    Installation

    bower install jquery-keyboard-focus

    or

    npm install jquery-keyboard-focus

    Include jquery.keyboard-focus.min.js in your source.