JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1" tabindex=1>Div 1 - click me to focus</div>
 <div id="div2" tabindex=2>Div 2 - click me to focus</div>
 <div id="div3">Div 3 - click on me to (erroneously) steal focus in IE<=8. But not in IE9/FF/Chrome.</div>

CSS

div:focus{background-color:cyan;}

JavaScript

$(document).ready(function(){
   $("#div3").mousedown(function(event){ event.preventDefault(); });
 });