如果鼠标不在元素xyz上超过x millisec,那么执行xyz(在jquery pls中)

时间:2011-12-14 06:46:23

标签: jquery mouseout

我想这样做:

如果鼠标不在element1和element2上,那么执行此操作

我有一个滑动菜单。如果用户使用鼠标输出菜单区域,则菜单必须自行关闭。菜单区由2个独立的元素组成:菜单标题和菜单区域,位于菜单下方。

我已经找到了如何鼠标移除菜单区域。

$('#menu_area').bind('mouseout', function() {

    $(this).slideUp(1000);

    });

现在我想同时做两件事:在菜单区和菜单标题上进行鼠标拖出。

现在的问题是,如果我将鼠标悬停在菜单标题上,菜单区域会自动关闭,我不希望它这样做。

1 个答案:

答案 0 :(得分:0)

为菜单标题和菜单区域添加父div或任何其他容器。为父控件写下mouseout / mouseleave事件。

第二种方法是(这可能不干净)

  1. 为标题和菜单控件编写mouseenter事件。尝试将像'mouseOnTitle'或“mouseOnMenu”这样的gloabl变量设置为true。
  2. 编写mouseleave事件并将上述全局变量设置为falise。使用dleay等待几毫秒并判断是否有任何全局变量为真。如果两者都为假,则隐藏菜单