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

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

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

这可能会对你有所帮助。该函数将检查keycode == 13（输入密钥的代码）以及输入值是否为admin，它将执行重定向。

Working Demo

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

Answer 3

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

jQuery页面导航 - 提交

3 个答案: