使用enter提交表单而不触发页面刷新

Question

我知道可以使用回车键提交表单，但这样做会刷新页面。

我正在制作一个互动游戏，用户的回复只要他做出回复就会被添加到div（提交表单）。

但是，通过刷新页面，div中的当前文本消失了，因此不需要这样做。

在提交表单而不刷新页面时，是否可以使用回车键触发脚本？

插图示例：

<form action="tdat.php" method="post" onsubmit="return answer(event)">
    <input type="text" name="userInput" id="searchTxt" maxlength="50" size="50">
</form>

这是我正在使用的表单。我尝试使用函数answer(e)来回复用户的输入，并将文本显示到div。

但是，代码answer(e)无法运行，页面也会刷新。我应该如何对抗这个？提前谢谢。

更新：

对于那些想知道answer(e)中事件内容的人，如下：

function answer(e) {
    if (e.keyCode == 13) {
        addText()
        responseCheck()
        document.getElementById("searchTxt").value = ""
        autoScroll()
    }
}

addText()是将HTML附加到div的{​​{1}}，responseCheck()是计算响应的函数，其余部分应该是显而易见的。