通过文本框中的特定输入文本导航？

Question

第一篇文章。我正在尝试创建一个文本“输入”框，它将允许三个命令“who”，“why”和“how”中的任何一个链接到我网站中的相应页面。为了澄清，我希望我的主页有一个文本框，允许用户键入上述三个命令之一，然后按“回车”链接到相应的页面。听起来很简单，但我是一个超级初学者。任何帮助都会非常感谢。

Answer 1

您可以在JavaScript中的输入框中添加keydown侦听器并侦听键代码13（输入按钮键代码）。如果按下，请测试其值，原因和方式。

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

document.getElementById("LinkBox").onkeydown = function(e) {
    var keyCode = e.keyCode || e.which;
    // 13 is keycode for the enter key
    if ( keyCode === 13 ) {
        if ( this.value === "who" ) {
            window.location = // who URL here
        } else if ( this.value === "why" ) {
            window.location = // why URL here
        } else if ( this.value === "how" ) {
            window.location = // how URL here
        }
    }
}