How to write Active Element event is Jquery

Question

I was struggling with an IE issue to overcome an input cursor remains visible when behind a div with z-index. I found a answer here link, but wanted to convert it into jquery code.

JavaScript Core:

document.querySelector('.main-nav').addEventListener('mouseenter', function(){
  document.activeElement.blur();
});

JQuery: What I try...

$('body').on('mouseenter', '.main-nav', function() {
     document.activeElement.blur();
});

when I run this line on IE console getting following error. I'm not sure about it. Please help me to convert it.

The object doesn't support property or method 'on'

Answer 1

You can try the variant in jQuery:

$( ".main-nav" ).mouseenter(function() {
  $(':focus').blur();
});