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>
但是表单表格多的时候 , 就不想这样做了, 这样全部没有回车提交了
document.onkeydown = function(e) {
var login = (typeof event != 'undefined') ? window.event: e;
if(login.keyCode == 13) {
return false;
}
};
刚刚看到一个很全的总结 https://www.cnblogs.com/caicaizi/p/6072554.html总结的"只要把type="submit"改成type="button"然后js提交, 在不要有一个type=”text”的input就行了。就不会发生回车跳转。 "
<!----2019.1.21---->
上周改完之后, 浏览器有缓存, 提交的时候, 竟然提交不了了:
原因是把<input>type="submit"改成type="button"了, [自己创建的新bug]
解决: 应该给这个<input>一个点击事件,来触发form表单提交,
同时<input type="button" name="不要等于submit"/>,
还需要给<form>加id
<form action="/lineManager/add" method="post" id="publishSubmit" onsubmit="return checkForm()"> <div class="publish-btn">
<input type="button" name="别直接为submit" onclick="formSubmit()" value="立即发布" >
</div>
</form>
//给新按钮加提交表单
function formSubmit(){
$("#publishSubmit").submit();
}
UC浏览器input文本框输入文字回车键自动提交的更多相关文章
- HTML input 文本框输入中文逗号自动转换为英文逗号
input 标签中增加 onkeyup.onafterpaste 属性: <input type="text"placeholder="中文逗号自动转换为英文逗号& ...
- checkbox/input文本框与文字对齐
3种方法都能实现checkbox文本框或radio文本框与文字对齐: <meta charset="utf-8"> <input style="vert ...
- IE9+浏览器input文本框/密码框后面的小叉子/小眼睛清除
为了方便我们的触控操作,IE高等浏览器针对input及input type="password"分别提供了快速清除钮(X图标)以及密码文字显示钮(小眼睛图标)的功能. 由于这经常跟 ...
- 修改placeholder提示内容的颜色以及文本框输入文字内容的颜色
一般表单文本框提示信息:placeholder=" ",默认颜色是灰色的,输入文本信息也是默认为黑色的,如图所示: 修改placeholder提示内容的颜色关键代码及实现: 实现输 ...
- ie9以上浏览器input文本框/密码框后面的小叉子/小眼睛问题
找了很久不知什么属性控制的这个东西,经过群友的指点重要找到.
- input type =text,按回车键自动提交
1.当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交 <form id='form1' ac ...
- 禁止input文本框输入select无法选择
readonly.disabled.autocomplete readonly表示此域的值不可修改,仅可与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接 ...
- input文本框 输入限制三则
其一,只允许输入数字和小数点. <input onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode))) ...
- js实现文本框输入文字个数限制代码
html: <div class="curr_eval_box"> <input type="hidden" n ...
随机推荐
- pyqgis学习
1. 错误:ImportError: No module named qgis.core解决方法:python的qgis,初始化变量:D:\PROGRA~1\QGIS3~1.0\OSGeo4W.bat ...
- SpringBoot之Swagger2
SpringBoot利用Swagger2只需配置少量的注解信息便能方便地构建强大的API文档. 1.添加maven依赖 2.创建Swagger2配置类 3.在API添加文档内容 4.访问http:// ...
- MySql数据库执行insert时候报错:Column count doesn't match value count at row 1
遇到这个问题之后,第一反应就是前后列数不等造成的,但是我检查SQL之后,发现列数是相同得,但是插入还是有问题,然后又写了简单得SQL只插入不为空得字段,执行还是报这个错,最后请教了高人,指点之后,大概 ...
- hadoop常见问题
Q1.什么是 Hadoop? Hadoop 是一个开源软件框架,用于存储大量数据,并发处理/查询在具有多个商用硬件(即低成本硬件)节点的集群上的那些数据.总之,Hadoop 包括以下内容: HDFS( ...
- Mysql设置大小写敏感
1.linux下mysql安装完后是默认:区分表名的大小写,不区分列名的大小写: 2.用root帐号登录后,在/etc/my.cnf 中的[mysqld]后添加添加lower_case_table_n ...
- 查询sqlserver数据库表的记录数
SELECT a.name, b.rows FROM sysobjects AS a INNER JOINsysindexes AS b ON a.id = b.idWHERE (a.type = ' ...
- 网络赛 I题 Max answer 单调栈+线段树
题目链接:https://nanti.jisuanke.com/t/38228 题意:在给出的序列里面找一个区间,使区间最小值乘以区间和得到的值最大,输出这个最大值. 思路:我们枚举每一个数字,假设是 ...
- 编写一个lambda,接受两个int,返回它们的和
void counter(int i, int b) { auto count = [i,b]{ return i + b; }; cout<< count(); } int main() ...
- 安装centos 6.7&7.4
1.安装centos 6.7 1) 2)检查软件有无故障.没有必要检查.选择skip,跳过 3) 4) 5) 6)选择存储设备,第一个为基本存储设备,比如ssd,scsi等常见笔记本.电脑,服务器都选 ...
- 《JAVA程序设计》第五周总结
第五周学习总结 本周目录: 第六章知识梳理 本周学习时遇到的问题和解决过程 上周错题与解析 码云链接 感想 第六章知识梳理: 接口:使用关键字interface定义,分为接口声明和接口体. inter ...