jQuery focusleave 事件

您好，我正在尝试制作一个可供键盘和鼠标用户访问的向下飞行。当我将鼠标悬停在 li 上或聚焦在 li 上时，我会显示向下飞行导航。然后，当我离开飞下部分时，我使用 mouseleave 函数关闭弹出窗口。我在为键盘用户做同样的事情时遇到困难。模糊功能没有按照我想要的方式工作。我需要某种类似于 mouseleave 的 focusleave 函数。我还尝试构建自己的示例而不使用插件。有什么建议吗？

这是我所拥有的示例:

<ul id="top-nav-tabs"> 
      <li class="top-nav-tab"> 
        <a href="#">Ex1</a> 
        <div class="sublevel"> 
            <ul class="sublevel-nav"> 
        <li>Test</li> 
        <li>test</li> 
        <li>test</li> 
        <li>test</li> 
            </ul> 
        </div> 
      </li>   <li class="top-nav-tab"> 
        <a href="#">Ex2</a> 
        <div class="sublevel"> 
            <ul class="sublevel-nav"> 
        <li>Test</li> 
        <li>test</li> 
        <li>test</li> 
        <li>test</li> 
            </ul> 
        </div> 
      </li> 

请您参考如下方法:

.focusout()

更新:我知道您想推出自己的，但我认为这个 focusenterleave 插件正是您正在寻找的:

These are to focusin and focusout what mouseenter and mouseleave are to mouseover and mouseout. That essentially means tabbed focussing does not bubble.

• http://enideo.com/code/jquery-events-enter-leave/