JSPM

jquery-keyboard-focus

0.0.2
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 68
    • Score
      100M100P100Q67889F
    • 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.

    $('.keyboard-interactions-only').keyboardFocus('is-focused');

// 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.
});

    Installation

    bower install jquery-keyboard-focus

    or

    npm install jquery-keyboard-focus

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