通过禁用的子元素进入时,永远不会触发Mouseenter

时间:2013-04-30 17:21:03

标签: html mouseenter mouseleave disabled-control

我有一个带有禁用复选框的灰色div。

http://jsfiddle.net/hFPTU/1/

我还有蓝色div,它位于灰色框上方,但位于复选框下方。

在灰色框中触发mouseentermouseleave事件时,第三个div会更新为文本。鼠标变成灰色框 - > “输入”。鼠标出灰框 - > “离开”

除了通过禁用复选框输入灰色框时,一切都按预期工作。

  1. 将鼠标移到蓝框上
  2. 将鼠标移到复选框
  3. 未触发Mouseenter事件。
  4. 为什么会这样?

1 个答案:

答案 0 :(得分:2)

该复选框位于包含class 'a'的蓝框div中 当您的鼠标通过该蓝色框内的复选框输入时,mouseenter事件应该在那时被触发,但是因为jquery does not support events on disabled elements所以事件被阻止了。

您的代码正常运行正常。

有关详细信息,请参阅以下链接:

http://bugs.jquery.com/ticket/11382

Event on a disabled input