Skip to content


Subversion checkout URL

You can clone with
Download ZIP
A jQuery plugin to emulate tabbing between elements on a page.
JavaScript HTML
Latest commit 231a19f @joelpurra v0.2.9

EmulateTab javascript library

A jQuery plugin to emulate tabbing between elements on a page.

The tab key is very useful when it comes to navigating webpages. When working with functions that modify or reuse tabbing through elements on a page, the browser's native tabbing logic cannot be called from javascript. This plugin tries to emulate/simulate that browser logic.

Get it

Download the script, and include it in your HTML page after the jQuery script tag.

Link Note
emulatetab.joelpurra.js For development
emulatetab.joelpurra.min.js For production
Github $ git clone --recursive git://
Make sure to get the submodules too.
Bower $ bower install jquery-emulatetab
Component $ component install joelpurra/emulatetab
NPM $ npm install jquery-emulatetab
jQuery Plugin Registry



// Emulate forward tab from the currently focused element 

// Emulate reverse tab from the currently focused element 

// Emulate forward tab from a specific element

// Emulate reverse tab from a specific element

Tabbable elements

Elements that can be focused/tabbed include <input>, <select>, <textarea>, <button> and <a href="..."> (the href attribute must exist and the tag must have some contents).

Note that <input type="hidden" />, <a> (without href or empty contents), disabled="disabled" or display: none; elements cannot be focused/tabbed to.

Original purpose

Developed to as a part of two other plugins; one to use tab to skip over less used form fields, the other to use the + on the keypad as a new tab key. Both plugins were used in a web application for registering and administering letters.


EmulateTab's only runtime dependencies is jQuery.

Browser compatibility

Should be about as compatible as jQuery is, since most functions depend on jQuery's normalization. You are engouraged to run the EmulateTab test suite and then report any issues.


In order to contribute to the project, follow these steps.

  • Make sure you have installed git, npm, bower, grunt, jekyll.
  • Fork the project on github.
  • $ git clone --recursive where USERNAME is your github username.
  • $ git checkout -b my-own-modification where my-own-modification is a descriptive name for your fix or feature.
  • $ npm install && bower install
  • $ grunt watch
  • Make your changes to the code. Remember to write new test cases for your changes.
  • $ git commit
  • $ grunt to make sure all tests pass.
  • $ git push
  • Send a pull request on


  • jQuery UI has better code for :focusable/:tabbable. Investigate how to implement it.
  • Investigate focusing/tabbing and [contenteditable].
  • Investigate focusing/tabbing non-input elements with [tabindex] and negative values value.
  • Create a separate git repo for packaged/minified bower/composer/component/jquery plugin releases.


Developed for PTS by Joel Purra

Copyright (c) 2011, 2012, 2013, 2014, 2015, The Swedish Post and Telecom Authority (PTS) All rights reserved.

Released under the BSD license.

Something went wrong with that request. Please try again.