Javascript 如何编写活动元素事件是Jquery

我正在努力解决IE的一个问题，以克服输入光标在带有z-index的div后面仍然可见的问题。我在这里找到了答案，但想将其转换为jquery代码

JavaScript核心：

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

JQuery：我所尝试的

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

当我在IE控制台上运行此行时，出现以下错误。 我不确定。请帮我转换一下

对象不支持“on”属性或方法

---

您可以在jQuery中尝试该变量：

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

---

问题是…？你认为它应该起作用吗？很抱歉，我没有更多的范围来运行单元测试。您的jQuery代码工作正常。没有任何问题。但当我尝试在IE控制台中运行代码时，出现了错误，比如“对象不支持属性或方法'on'”，可能是