单击空格键 (32) 时，如何使用 JavaScript / jQuery 触发 tab (9) 按键？

Question

jQuery 新手在这里试图弄清楚按键/触发功能的所有技巧......

本质上，我试图让空格键充当制表键的作用，专注于 HTML 中具有指定 tabindex 的下一个元素。

这是我可能正在使用的一些示例 HTML：

<div id="item_1" class="clickable" tabindex="1"></div>
<div id="item_2" class="clickable" tabindex="2"></div>
<div id="item_3" class="clickable" tabindex="3"></div>

这是我现在尝试使用的 jQuery，但没有成功：

$('.clickable').keydown(function(e) {
    if (e.keyCode == 32) {
        e.which = 9;
        $(this).trigger(e);
    }
});

我确实已经看到了这篇文章：Simulate Keypress With jQuery，但没有发现它太有帮助，也许我忽略了基本概念。似乎解决方案没有明确链接两个不同键的操作。

Answer 1

试试这个：

$('.clickable').keydown(function(e) {
    if (e.keyCode == 32) {
        $(this).next().focus();
    }
});