HTMLのformのテキスト(<input type="text">)などは入力し、エンターを押したとき、submitが押されたのと同じ状態になり、ページがリロードされてしまいます。そこでエンターを押したときにbuttonのonclickを押したときと同じ状態にできるようにする方法をメモします。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Sample</title>
<script>
function abc(){
document.getElementById("a").textContent = "あ";
return false;
}
</script>
</head>
<body>
<form onsubmit="return abc()">
<input type="text">
</form>
<div id="a"></div>
</body>
</html>
form要素の開始タグに「onsubmit="return abc()"」のようにイベントハンドラを追加し、関数abc()にreturn falseを指定することでフォームが送信されず、ページが再読み込みされなくなります。よって「あ」という文字をdiv要素に書き込めます。
このページを参考にしました。
https://www.tagindex.com/javascript/form/submit.html