У вашего броузера проблема в совместимости с HTML5
When your user tabs to a link or clicks on some other element that can hold focus we have several event types that we can work with: focusin, focusout, focus, and blur.
When moving between different elements that can hold focus we will have access to a property called relatedTarget. This property will know where we are headed or where we just came from.
The relatedTarget property also works with mouseenter, mouseleave, mouseover, mouseout, dragenter, and dragexit.
Code GIST: https://gist.github.com/prof3ssorSt3v3/e6cca19faa067d1865fbaf79cae347a8