jQuery Minifocus.js Plugin Examples

Example 1

This example contains 3 text boxes with data-mfindex attribute, within a parent element with data-mfgroup attribute. You can shift focus among the elements using Tab or Enter key.

Example 2

This example contains a select box, a link and a button with data-mfindex, within a parent element with data-mfgroup. You can still use Tab to shift focus among elements, but pressing Enter with trigger the default action of these elements.

Github

Example 3

The above 2 examples show how to use Minifocus with zero configuration. This examples shows how to use the $.minifocus.setRuleForSelector API to customize focus-shifting rules. You can shift focus among the 3 text boxes below with ArrowRight key.