jQuery hover的行为类似于Chrome中的点击

Question

我正在尝试使用Jquery来监听悬停：

$(editable).each(function () {
  $(this).hover(function (event) {
    event.stopPropagation();
    $(this).toggleClass("inspect");
   });
});

在Chrome中不起作用（使用v32），但在Firefox中使用（使用v25）。

editable = HTML元素数组（不是选择器，实际元素）;

有什么想法吗？

Answer 1

您是否尝试使用 mouseenter 事件？

http://api.jquery.com/mouseenter/

Answer 2

也许浏览器在此过程中丢失了元素引用，尝试验证它。

像这样......

$(this).hover(
    function(e) {
      $(this).toggleClass("inspect");    
    },
    function(e) {
       if(e.relatedTarget){
         // do what you need when mouseleaves here
       }
});

你可以查看https://api.jquery.com/event.relatedTarget/