title: How to stop default action of tab key in HTML page
body: <p>In my HTML page multiple components exist and on pressing tab button, focus is set to some components (not in sequence). How do I stop tab from putting focus on any component on entire page ? Using outermost <code>div id</code> of html page can we block tab from putting focus on any component and on location bar as well ?</p>
  
  <p>I have added jsfiddle <a href="http://jsfiddle.net/92Vxe/1/" rel="noreferrer">(demo)</a> as well where even I am not using tabindex but still focus is coming so kindly tell me how to disable tab  click.</p>
  
  <pre><code>$(document).on('keydown', function(event) {
     if (event.keyCode == 9) {   //tab pressed
        event.preventDefault(); // stops its action
     }
  });
  </code></pre>