代码之家 › 专栏 › 技术社区 › Johannes

jQuery检测非表单元素(nav菜单项)是否有焦点

focus jquery javascript

Johannes · 技术社区 · 7 年前

但出于可访问性的原因,当有人多次使用tab键聚焦并选择导航栏中的菜单项时(无需滚动),菜单也应该出现。

作为第一次测试,我尝试了这个函数:

jQuery(document).ready(function() { 
    jQuery('#menu-item-55').focus(function() {
                 alert("yes!");
    });
});

如果我在获得焦点的表单字段上使用这个测试函数,它会起作用,但在导航菜单中的链接上不起作用,显然是因为 focus() 仅适用于形状元素。

有没有什么方法可以让这也适用于链接,或者有没有其他方法可以让我检测链接上的焦点?

2 回复 | 直到 7 年前

Johannes 7 年前

我自己刚刚找到答案:

focus() focusin() !

greatgumz 7 年前

$(document).ready(function() {
    if ($('#menu-item-55').is(':focus')) {
        alert("yes!");
    });
});

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前