Firefox中的mouseenter，mouseleave [英] mouseenter, mouseleave in Firefox

问题描述

在一个div中，我正在淡入 mouseenter （并在 mouseleave >上淡出）事件中有一个嵌入的选择标签。当我将鼠标移动到选项上时，div淡出，等等。但是没有机会选择一个选项。

这在Chrome中不会发生。有没有人知道为什么会发生这种情况，以及如何解决它？

小提琴： http://jsfiddle.net/sCmnd/2/

解决方案

试试这个：< http://jsfiddle.net/sCmnd/3/ 。我在Firefox上测试过它，它工作。

$ p $ mouseleave：function（evt）{
if（evt.target。 nodeName.toLowerCase（）！==select）{
$（'div.fade'）。fadeOut（）;




$ b $ p
$ b

由于某些原因，mouseleave在select元素上触发，当选择元素触发mouseleave时，不允许淡出。

I'm facing a strange issue in Firefox 16.

In a div I'm fading in on a mouseenter (and fade out on mouseleave) event there is a select Tag embedded. When I move the mouse over the options the div fades out and in and so on. But there is no chance to select a option.

This does not happen in Chrome. Has anyone an idea why this is happening and how to fix it?

Fiddle: http://jsfiddle.net/sCmnd/2/

解决方案

Try that: http://jsfiddle.net/sCmnd/3/ . I tested it on Firefox and it worked.

mouseleave:function(evt) {
    if (evt.target.nodeName.toLowerCase() !== "select") {
        $('div.fade').fadeOut();
    }
}

For some reason mouseleave triggers on select element, but this doesn't allow fadeout when mouseleave is triggered by select element.

这篇关于Firefox中的mouseenter，mouseleave的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！