键盘回车事件导致页面刷新

原创 2016年05月30日 21:52:06

最近在做ajax无刷新页面的时候,在文本框输入关键字按回车,页面自动刷新了。这不是我想要的效果,后来发现按回车键会自动提交表单,于是将form去掉,果然不刷新了。但是这样的解决方式感觉还是有问题,所以我百度了下,发现还有几种解决方式,列出来作为笔记:

1.一个表单下,如果只有一个文本框时,按下回车将会触发表单的提交事件。
既然是只有一个文本框才会出问题,那么可以加一个隐藏的文本框,如下:

<input  type="text" style="display:none"

2.如果不需要提交表单的情况下,可以去掉form头。

版权声明:本文为博主原创文章,未经博主允许不得转载。

键盘回车事件导致页面刷新的问题

在文本框中输入关键字按回车,页面自动刷新了,结果肯定是没有实现无刷新搜索了。想了想,可能是按回车后默认提交了表单,于是将form去掉,果然不刷了。但是还是会有很多地方需要用到form。 一个...
  • qq_22929803
  • qq_22929803
  • 2014年11月19日 17:34
  • 237

input回车事件未实现但页面刷新

input 的回车事件不运行,刷新当前页面
  • yehaifanxing
  • yehaifanxing
  • 2017年03月14日 09:43
  • 2103

鼠标聚焦到input输入框时,按回车键刷新页面原因及解决方法

遇到这个问题是在网页input输入框按下回车键后被返回到登录页,感觉很奇怪,于是跟踪了代码,发现进入了拦截器流程但获取登录token失败而“踢到”登录页。 为什么会获取token失败呢?因为form...
  • john1337
  • john1337
  • 2016年10月21日 18:12
  • 3196

C# 回车(键盘)事件

在KeyPress事件中     private   void   textBox1_KeyPress(object   sender,   System.Windows.Forms.KeyPress...
  • nanwang314
  • nanwang314
  • 2011年02月10日 11:14
  • 20067

jquery 监控文本框键盘事件(回车事件)

jquery 监控文本框键盘事件(回车事件)
  • paincupid
  • paincupid
  • 2016年03月29日 10:28
  • 7642

键盘事件:禁止后退和回车表单提交

JS脚本: 编辑使用后台时,会出现退格返回上一页面和在单行,密码框中回车提交表单,出现不必要的麻烦. //处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外...
  • zhouhaisunny
  • zhouhaisunny
  • 2017年04月26日 13:46
  • 414

js 给元素绑定键盘回车事件

经常会看到登录页面输入完账户密码,回车就登录了.实现方法: 1.jquery方法 $("#focus")为获取id为focus的元素 $("#focus").keypress(function(e...
  • web_xyk
  • web_xyk
  • 2015年11月27日 15:41
  • 3254

Jquery给HTML元素绑定按键事件-回车事件

在做网页的时候,有时是需要js来判断用户的按键来进行操作对应的功能。 本实例已加载jquery.js1、全局判断按键(按回车)$(document).keypress(function(e) { ...
  • lllliulin
  • lllliulin
  • 2016年01月03日 22:06
  • 9779

vue 键盘回车事件

如果是原生的input,使用 @keyup.enter就可以,若是使用了element-ui,则要加上native限制符,因为element-ui把input进行了封装,原事件就不起作用了,代码如下:...
  • lx_1024
  • lx_1024
  • 2018年01月17日 16:35
  • 99

js捕获页面回车事件

使用纯JavaScript和Jquery实现页面回车按键的捕获
  • yzj714839128
  • yzj714839128
  • 2016年07月12日 13:31
  • 8583
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:键盘回车事件导致页面刷新
举报原因:
原因补充:

(最多只允许输入30个字)