javascript - jQuery 页面导航 - 带提交

Question

我想将 jQuery 页面导航添加到内部网站。

我有一个文本输入：

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

还有一些jQuery：

$("#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
            }

        });

当按下单个键时，这会将用户引导至新页面。

是否可以做同样的事情，但用整个单词，并要求Enter按下键？

示例： 如果用户admin在文本框中键入，然后按enter，则用户将被重定向到admin.html。

我会假设它需要以不同的方式处理，但我不确定如何或是否可以完成。

任何想法或建议将不胜感激。

Answer 1

这可能会帮助你。该函数将检查keycode == 13（输入键的代码）是否为 ，如果输入值为admin，它将执行重定向。

工作演示

$("#nav").keydown(function (e) {
    if (e.keyCode == 13) {
        var inputVal = $("#nav").val();
        if (inputVal === "admin") window.location = 'admin.html';
    }
});

Answer 2

只需让用户在文本框中输入任何内容。

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

    if (e.keyCode !== 13) { // 13 = Enter
        return;
    }
    switch ($(this).val()) {
    case "admin":
        location.href = "admin.html";
        break;
    case "terms":
        location.href = "terms.html";
        break; // etc
    }
});

Answer 3

制作一个表单，并绑定到它的提交事件。用于event.preventDefault()阻止表单提交，并使用if语句检查输入的单词。完全按照您现在的操作重定向到正确的页面。