首页 > 其他 > 详细

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

时间:2019-01-18 16:50:41      阅读:226      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!