javascript - 来自特定输入文本框的 jquery 键盘导航

Question

我正在开发一个内部 Web 应用程序，并想为其添加键盘导航。通过研究，某种形式的 javascript 似乎是处理此问题的最佳方式。

这是我想出的一个例子:

   $(document).keydown(function (e) {

                if (e.keyCode == 74) {
                    window.location = 'page1.html'; // Key = J
                }
                else if (e.keyCode == 75) {
                    window.location = 'page2.html'; // Key = k
                }
                else if (e.keyCode == 76) {
                    window.location = 'page3.html'; // Key = L
                }

            });

这很好用，但我想让它只能从 1 个特定的文本输入中执行。 (基本上是一个导航框)我还没弄清楚那部分。有什么想法吗？

有没有人有过这种导航形式的经验。靠谱吗？

我对 javascript 不是很有经验，所以任何想法或建议都将不胜感激。

Answer 1

假设你的导航输入框是这样的

<input id="nav" type="text"/>

然后对该输入元素使用相同的处理程序

$("#nav").keydown(function (e) {

                if (e.keyCode == 74) {
                    window.location = 'page1.html'; // Key = J
                }
                else if (e.keyCode == 75) {
                    window.location = 'page2.html'; // Key = k
                }
                else if (e.keyCode == 76) {
                    window.location = 'page3.html'; // Key = L
                }

            });