DataTables

DataTables Examples

HTML

<input type="text" tabindex="1" value="test">
<span><input type="text" tabindex="2" value="test"></span>
<div><input type="text" id="mobile-menu" tabindex="3" value="mobile-menu"></div>
<div><span>
	<div id="main-menu">
		<a tabindex="4">main-menu</a>
		<a tabindex="5">main-menu</a>
	</div>
</span></div>
<span>
<input type="text" tabindex="6" value="test">
</span>

JavaScript

var $body = $("body");
var $mobileMenu = $("#mobile-menu");
var $menuItems = $("#main-menu a");

$body.on("focus.spt", "*", function(e){
  $this = $(this);
  if (!$this.is($mobileMenu) && !$this.is($menuItems)) {
    $this.blur();
	var next=$this.nextAll().find('a,input');
	if (next.length>0) next[0].focus();
  } else {
    console.log('ok',this);
	e.stopPropagation();
  }
})