javascript - 如何防止回车键刷新页面？

Question

我目前正在开发一款文本冒险游戏，底部有一个文本输入表单，可以接受玩家的命令，例如“向北走”或“获取元素”。以前，我必须在它旁边有一个按钮来激活一个函数来解析表单所保存的任何字符串值并解释它，但我真的希望能够只按“Enter”键来启动该函数。

问题是，每当我在表单中按下回车键时，页面就会刷新并尝试提交表单，即使我只是希望它激活一个功能。

我尝试过类似的方法

$("userInput").keydown(function(event) {
        if (event.keyCode == 13) {
            inputHandler()
            event.preventDefault();
        }       
    });
});

其中“userInput”是玩家输入命令的表单的ID，但这似乎不起作用，当我按Enter键时页面不断刷新。

我不太明白我做错了什么，请记住我对 Javascript/jQuery 还很陌生，所以可能只是缺乏经验。

Answer 1

您忘记包含 # (应为 $('#userInput') )。我想这就是您要找的

$('#userInput').keypress(function(event) {
  if (event.which == 13) {
    alert("run function here");
    event.preventDefault();
  }
});

JSFIDDLE