当鼠标悬停在元素中包含的子输入文本字段上时，会触发mouseout或mouseleave事件

Question

此错误仅适用于Chrome。

我有一个包含输入文本字段的div。默认情况下，div是隐藏的，并显示在按钮单击事件上并隐藏在mouseleave事件中。

在Chrome中，如果您将鼠标悬停在包含文本字段上，则会触发mouseout/mouseleave事件并隐藏div。

步骤再现：

• 打开了http://jsfiddle.net/2AKAp/3/在Chrome
• 点击按钮显示DIV
• 将鼠标悬停在任何地方在文本字段外div和它不应该隐瞒
• 将鼠标悬停在文本字段和分隔线上

想知道这是不是你已经遇到过。

---

这里是与铬团队正在跟踪这一问题提交的bug： http://code.google.com/p/chromium/issues/detail?id=68861

看起来这是浏览器的错误，并已得到修复。该修补程序将与版本11推出似乎。

Answer 1

我做了一个变通方法使用CONTENTEDITABLE但它需要很多的改进：

http://jsfiddle.net/2AKAp/6/

• 如果你赚了很多线和容器的扩展，将你的移动到扩展区域，则你删除一些文本，并将鼠标移出div，mouseout永远不会触发，直到你回来再离开（chrome）
• 必须有一个简单的方法来限制字符ce地区

---

得到它：

包裹你的逻辑中，如果（event.target ==本）和问题消失神奇