UC浏览器input文本框输入文字回车键自动提交

Posted 2021-02-04 wangduojing

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了UC浏览器input文本框输入文字回车键自动提交相关的知识，希望对你有一定的参考价值。

这是测试今天在jira给我提出的一个bug

下面是贴的代码

屏蔽或者禁止回车键

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--直接行内加-->
        <!--<input onkeydown="if(event.keyCode==13){event.keyCode=0;event.returnValue=false;}">-->
        
        <!--非行内加-->
        <form action="https://www.baidu.com" method="post" onsubmit="">
            <input type="text" onkeydown="textShieldEnter()" />
            <input type="submit" value="提交"/>
        </form>
        <script>
            //uc浏览器有键盘回车自动提交功能,屏蔽如下
            function textShieldEnter(){
                if (event.keyCode == 13) {//判断是否为回车键，Event是window对象的一个属性，是全局的。
                      event.keyCode = 0;//屏蔽回车键
                      event.returnValue = false;
                      alert("不许enter提交!!");
                  }
            }
        </script>
    </body>
</html>

但是表单表格多的时候 , 就不想这样做了, 刚刚看到一个很全的总结 https://www.cnblogs.com/caicaizi/p/6072554.html 总结的"只要把type="submit"改成type="button"然后js提交，在不要有一个type=”text”的input就行了。就不会发生回车跳转。 "

以上是关于UC浏览器input文本框输入文字回车键自动提交的主要内容，如果未能解决你的问题，请参考以下文章

关于js中事件监听的问题（文本框回车键失去焦点）

常见控件测试点