javascript - 当我使用浏览器时，浏览器运行缓慢

HTML：

<a class="myAnchor">asd1<img class="imagenmangue" alt="" src="/images/asd1.jpg" height="215" width="430""></a>

CSS：

a.myAnchor img{visibility:hidden}
a.myAnchor:hover img{visibility:visible}

脚本：

/*  move the image  */
$('.myAnchor').hover(function(){
  $(document).on( "mousemove", function( event ) {
  if ($( document ).width() > 800) {
     $(".imagenmangue").css({left: (event.pageX - $('.tabs_type_2').offset().left + 15),top: (event.pageY - $('.tabs_type_2').offset().top - 35)});
  }  else {
 };
});
}, function(){
});

我这样做是为了使图像在a：hover上时通过鼠标移动。但是浏览器运行缓慢。我该如何解决？

最佳答案

每次将鼠标悬停在元素上时，都会向文档中添加一个新的事件侦听器！您正在使mousemove超载。您只想添加一个mousemove事件。完成后删除事件，或者添加一次事件并在希望运行时设置标志。