javascript - Keydown 键盘快捷键

标签 javascript jquery css

我正在尝试创建一个用于焦点目的的键盘快捷键(这是为了符合 508 标准)。我希望能够在 iframe 主体内部执行此操作,但如果这不可能,我可以转到计划 B,每当突出显示该类时,就从那里执行此操作(这是通过按 Tab 键切换到链接) 。在 fiddle 中,如果您单击产品显示的盒装区域内的任意位置,然后单击选项卡以突出显示单词“文本”,我将尝试从那里创建一个快捷方式(在本例中为 CTRL + F12 )以使光标移动到另一个 div 下方的输入框,但我还无法使其工作。

https://jsfiddle.net/5ocp1kpw/1/

<div>
  <a class="link" href="#">Test</a>
</div>
<div>
  <input class="final" value="here" />
</div>

$('.link').keydown(function (e) {
    if (e.which === 123) {
        e.preventDefault();
        $(this).find('.final').focus();
    }
});

最佳答案

它不起作用,因为您在 $(this) 中找不到 .final。请记住,您将 keydown 事件放在 .link 上,因此您要查找 .link 的子级 。最终。没有。

事件正在触发,但找不到您想要关注的元素。只需执行 $('.final').focus() 或找到其他方法来选择文本框即可。

fiddle :https://jsfiddle.net/zn9sde03/

关于javascript - Keydown 键盘快捷键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39753650/

相关文章:

javascript - Bootstrap 移动下拉父链接问题

html - Twitter Bootstrap 不允许高度 :100% on small screens, 尝试了其他问题中描述的所有解决方案

javascript - [React-Native]如何在状态栏之外渲染 View (android和ios)?

javascript - 如何在 HTML 页面上提取 JSON 数据

javascript - 使用自引用函数的 Jquery 父子 dom 遍历

javascript - 有条件去抖,取决于 event.keyCode

javascript - 获取选定文本的 anchor 名称

用于 Tableau 的 Javascript API

javascript - 如何捕捉 datePicker 的关闭事件

javascript - Trix 编辑器定义自定义附件样式