美文网首页
输入框按回车,自动刷新页面?

输入框按回车,自动刷新页面?

作者: meng_281e | 来源:发表于2020-04-01 15:30 被阅读0次
    原因

    在一个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;"。

    相关文章

      网友评论

          本文标题:输入框按回车,自动刷新页面?

          本文链接:https://www.haomeiwen.com/subject/ltlauhtx.html