PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > JavaScript教程 > 正文

    form表单按回车提交表单的方法

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:1.如果页面焦点在输入的input中,那么直接按enter,浏览器就会自动提交网上有文章说,如果表单里有一个type=submit的按钮,回车键生效。如...
    1.如果页面焦点在输入的input中,那么直接按enter,浏览器就会自动提交

    网上有文章说,如果表单里有一个type=”submit”的按钮,回车键生效。如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。itjsxx.com在测试中,没感觉在这种情况下回车会有效。如果焦点在input输入框中,浏览器会自动提交,我不觉得这跟一个text的input,一个submit什么的有关。如果焦点是整个页面,按回车无任何反应。

    2.本文讲述的重点,是为大家实现当焦点是整个页面,不在任何一个input上的时候,如何实现按回车提交整个form表单。

    我想这也是大多数朋友们想真正实现的情况。网上提到的很多方法都不靠谱,说多了都是泪啊。在第一点中咱们已经提到,把焦点至于input表单中,按回车浏览器就会自动提交表单,那么,我们只需要在按下回车的时候,用js将焦点设置到页面中的某一个input上,那么及时按回车之前,我们的焦点是整个页面,按回车的时候,焦点已自动转移到某一个input标签上,浏览器也会自动帮我们提交了。

    js实现代码非常简单,兼容火狐和IE,只需要把这个代码加入到任意html页面中即可,代码如下:

    <script type="text/javascript">
    document.onkeydown = function(e){
            if((e.keyCode || e.which) == 13){
                var focusinput=document.getElementById("title")  //请根据自身页面情况选择一个input id名,我这里是title
                focusinput.focus();//获取焦点
            }
        }
    </script>

    回车提交表单问题解决完毕。如果以上代码对您有效,还请来点个赞,回个帖啥的,谢谢诸位。

    form表单按回车提交表单的方法

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-69-2225-1.html
    相关热词搜索: