将焦点改为大型菜单

时间:2010-11-10 21:57:10

标签: jquery keyboard focus accessibility menu

我正在使用jquery jdiv plugin进行大型菜单。

如何使用jquery允许用户键盘(tab)到mega菜单(显示链接悬停或聚焦时的div)?

在大型菜单失去焦点后,我希望焦点返回到下一个导航栏链接。

基本上,我只是想让所有键盘都可以访问。

由于

1 个答案:

答案 0 :(得分:0)

对页面中的元素进行Tab键可以获得焦点,这来自jQuery API docs for focus()

  

元素可以通过键盘命令(例如Tab键)或通过鼠标点击元素获得焦点。

在你的问题中,你建议jQuery jdiv插件支持在特定链接获得焦点时打开div,因此你应该能够启用该选项。

如果它没有提供该功能,那么你可以很容易地插入插件。

$('.mega-menu-item').focus(function() {
    // Do whatever it is you do to reveal the respective hidden div
    $('.mega-menu-item .hidden-div').show();
});