堆叠元素的JQuery鼠标事件

Question

我有一个带有表格的网页。使用jQuery 1.3.2，我绝对将div元素放置在表格上每行的顶部。覆盖div具有更高的Z-索引。

我将'mouseenter'和'mouseleave'事件附加到叠加的div元素上。在mouseenter上，我在覆盖div上放置一个红色边框。在mouseleave上，我删除边框。所以效果是当鼠标移动到表格上时，每个表格行都会高亮显示。

一切正常，直到鼠标在表中输入一些文本。然后边框关闭。那么，什么似乎发生的事情是：

1. 输入叠加格 - 所谓的mouseenter
2. 输入表中的文本（仍然在覆盖格） - 鼠标离开呼吁覆盖股利。

我最终希望捕获覆盖div内任何地方的click事件来做其他事情，所以我不能使用CSS来处理这个问题。

下面的代码：

 
    $('.overlay').bind("mouseenter", function() { 
      $(this).css('border','solid 1px red'); 
     } 
    ) 
    $('.overlay').bind("mouseleave", function() { 
      $(this).css('border','none'); 
     } 
    ) 

我会很感激的任何帮助或者得到覆盖div来捕获鼠标或获取表忽略它。

Answer 1

似乎是一个IE问题。无论如何，将div更改为透明img解决了它。

Answer 2

从我的理解，mouseenter和mouseleave不会冒泡到子元素。 （src：Mouseenter and mouseleave events for Firefox）。

尝试使用鼠标悬停和鼠标移动，它应该按预期工作。

编辑：通过冒泡到子元素，我的意思是从子元素中冒出来。