jquery - 如何用 jQuery 替换击键？

Question

我需要能够用 jQuery 替换击键。当按下右箭头时，我希望改为按下 Tab 键。到目前为止我已经:

<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.simulate.js"></script>
<script type="text/javascript">
    $(function () {
        $("select").each( function() {
                $(this).keydown(function(event) {
                    if (event.which == '39') {
                        $(this).simulate("keydown", { keyCode: 9, ctrlKey: false, shirtKey: false });
                        $(this).simulate("keypress", { keyCode: 9, ctrlKey: false, shirtKey: false });
                        $(this).simulate("keyup", { keyCode: 9, ctrlKey: false, shirtKey: false });
                        return false;
                    }
            });
        });
    });
</script>

39 是向右箭头，9 是选项卡按钮。另外，模拟 keydown 会递归地调用事件处理程序，这显然很糟糕，但即使没有那一行，这仍然不起作用。

我使用位于 (http://code.google.com/p/jqueryjs/source/browse/trunk/plugins/simulate/jquery.simulate.js?r=6063) 的 jquery.simulate.js，因为我找不到仅用 jQuery 模拟按键的方法。

按键并不能模拟实际的按键操作。

Answer 1

您无法使用 JavaScript 模拟实际的按键。它是浏览器安全的核心组件。想象一下能够模拟 Alt-Tab 或 Ctrl-Shift-Del。

当然，您可以定义一个方法来封装您想要触发的行为，并在按下特定键时调用该方法。

因此，例如，当有人在另一个选择元素上按下向右箭头时跳转到下一个选择元素，我会保留页面上所有选择元素的列表；当按下右箭头时，我会在该列表中找到当前聚焦的选择的位置，并 .focus() 找到下一个。