JS采坑记录 - form表单中只有一个input时，按回车键后表单自动提交

Posted 2020-12-16 蓝色星辰1993

在一个form表单中，若只有一个input，按回车键表单会自动提交，但是当表单中存在多个input时，按回车键不会执行任何操作，这是form表单的一个特性。

 

解决方案：
1. 把表单去掉，使用onclick事件，不用表单提交

 

2. 多一个input，注意type=“hidden”不行，因为type不是text，所以使用

<input type="text" style="display: none;">

　　

3. 阻止表单提交：（试了没生效，不知道什么原因）

<form action="" method="post" οnsubmit="return false;”>

　　

4. input 将回车键操作去掉，

<input type="text" οnkeydοwn="if(event.keyCode==13){return false;}">