输入框按回车,自动刷新页面?
2020-04-01 本文已影响0人
meng_281e
原因
在一个form表单中,若只有一个input,按回车键表单会自动提交,但是当表单中存在多个input时,按回车键不会执行任何操作,这是form表单的一个特性。
解决方案
1、直接去除掉form表单。
2、再加一个input,需要设置成 <input type="text" class="form-control" style="display:none"> 。
3、给input加上回车事件直接return false。
在input加上οnkeydοwn="if(event.keyCode==13){return false;} 。
4、直接阻止form表单的提交,在form表单加入οnsubmit="return false;"。