jQuery 同时支持 HOVER 和 FOCUS(鼠标和键盘)

Question

我正在构建一个大型菜单，我希望能够通过悬停(使用鼠标)和焦点(例如通过键盘切换到它)来触发菜单。

这就是我目前正在做的事情:

$(".megaMenu-trigger").focus(function (){$(this).hover()});
$(".megaMenu-trigger").hover(function(){
    // do the stuff
});

这可行，但我想知道这是否是同时处理键盘和鼠标交互的理想方式。

Answer 1

您可以使用绑定(bind)方法将多个事件绑定(bind)到一个操作，即

$('.megaMenu-trigger').bind("mouseenter focus mouseleave", 
        function(event) { console.log(event.type); });