现象:

  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" />

最新文章

  1. [从产品角度学EXCEL 00]-为什么要关注EXCEL的本质
  2. appcan切换帐号无法提交SVN
  3. poj1273 Drainage Ditches
  4. WP8.1中C++的winodws运行时组件位移操作的差异
  5. Eclipse中Program arguments和VM arguments的说明
  6. 神逸之作:国产快速启动软件神品ALTRun
  7. 在使用Redis的客户端连接工具ServiceStack.Redis要注意的问题
  8. 使用OrderBy对List&lt;Person&gt;集合排序
  9. ibatis的there is no statement named xxx in this SqlMap
  10. 8.3-8.7 usaco
  11. HDU 1328 IBM Minus One
  12. Codeforces Round #383 Div 1题解
  13. 用html5调取谷歌地图获取位置
  14. Jenkins-FQA
  15. python自动发邮件
  16. 理解性能的奥秘——应用程序中慢,SSMS中快(3)——不总是参数嗅探的错
  17. 第一章:Netty介绍
  18. MongoDB学习记录(三) - MongoDB的&quot;增查改删&quot;操作之&quot;查&quot;
  19. Mac OS下 Redis2.6.14部署记录
  20. nginx配置样例

热门文章

  1. 线性回归linear regression(python脚本实现)
  2. Android Studio在Make Project时下载Grandle特别慢
  3. 学习笔记 - MarkDown 语法
  4. 【sqlalchemy】使用正确的DB_URI却报错密码错误-密码中包含特殊符号导致
  5. flutter 网络请求以及数据处理
  6. 工具栏对象GUI Status 与GUI Title
  7. 错误:expected initializer before &quot;***&quot;
  8. js中的break,continue和return的用法及区别
  9. Blue Star(日剧:今夜 可否拥你入怀歌词)
  10. 用番茄工作法提升工作效率 (四)ToDoList的持续优化