关于form表单回车自动刷新
2024-08-30 21:17:09
现象:
form表单,输入框聚焦后,回车,页面刷新跳转。
原因:
form表单,在只有一个输入框的时候,在点击回车时,就会触发表单的提交,而form若没有url,则提交后就会刷新页面,导致跳转。
解决:
1.禁用document的回车事件
在不知道原因的情况下,可以直接禁用document的回车事件。
function document.onkeydown() {
var e = event.srcElement;
if (event.keyCode == 13) {
return false;
}
}
2.禁用该输入框的回车事件
禁用该输入框的回车事件。
<input type="text" οnkeydοwn="return ClearSubmit(event)" />
function ClearSubmit(e) {
if (e.keyCode == 13) {
return false;
}
}
3.隐藏输入框
知道原因后,可以采用增加一个隐藏输入框的方法,避免回车提交。
<input id="hiddenText" type="text" style="display:none" />
最新文章
- [从产品角度学EXCEL 00]-为什么要关注EXCEL的本质
- appcan切换帐号无法提交SVN
- poj1273 Drainage Ditches
- WP8.1中C++的winodws运行时组件位移操作的差异
- Eclipse中Program arguments和VM arguments的说明
- 神逸之作:国产快速启动软件神品ALTRun
- 在使用Redis的客户端连接工具ServiceStack.Redis要注意的问题
- 使用OrderBy对List<;Person>;集合排序
- ibatis的there is no statement named xxx in this SqlMap
- 8.3-8.7 usaco
- HDU 1328 IBM Minus One
- Codeforces Round #383 Div 1题解
- 用html5调取谷歌地图获取位置
- Jenkins-FQA
- python自动发邮件
- 理解性能的奥秘——应用程序中慢,SSMS中快(3)——不总是参数嗅探的错
- 第一章:Netty介绍
- MongoDB学习记录(三) - MongoDB的";增查改删";操作之";查";
- Mac OS下 Redis2.6.14部署记录
- nginx配置样例
热门文章
- 线性回归linear regression(python脚本实现)
- Android Studio在Make Project时下载Grandle特别慢
- 学习笔记 - MarkDown 语法
- 【sqlalchemy】使用正确的DB_URI却报错密码错误-密码中包含特殊符号导致
- flutter 网络请求以及数据处理
- 工具栏对象GUI Status 与GUI Title
- 错误:expected initializer before ";***";
- js中的break,continue和return的用法及区别
- Blue Star(日剧:今夜 可否拥你入怀歌词)
- 用番茄工作法提升工作效率 (四)ToDoList的持续优化