码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-01-18 17:21:22      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:eve   turn   htm   ret   put   表格   blog   str   bug   

这是测试今天在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文本框输入文字回车键自动提交

标签:eve   turn   htm   ret   put   表格   blog   str   bug   

原文地址:https://www.cnblogs.com/wangduojing/p/10288416.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!