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

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

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

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

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

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

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

相关文章推荐

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

我最近在做一个 Ajax 查询的功能,代码如下: 1 form name="keywordForm" method="post" action="">  ...

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

原文网址:http://www.nowamagic.net/html/html_EnterCouseReflesh.php 我最近在做一个 Ajax 查询的功能,代码如下: ...
  • yuyuers
  • yuyuers
  • 2011年12月16日 11:17
  • 2726

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

input 的回车事件不运行,刷新当前页面

用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)

Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行,...

C#事件刷新:页面刷新时定位到原来的位置

如何使页面刷新后仍然保持滚动条位置,有几种方法: 1. MaintainScrollPositionOnPostBack 最好 在Page_Load 中加入 Page.MaintainScroll...

domino中页面刷新和关闭事件(js)的捕捉(onbeforeunload方法)

项目原来有一个功能,用户点击退出时会记录用户的注销情况,但是如果用户使用各种方法关闭浏览器的话就没有办法捕捉。为了实现这个功能,我从网上找了很多资料,不过都没有实现,最后用了一个折中的办法实现。 既...

要在当前页面刷新,触发点击事件才可以显示效果的问题

今天在做sui的操作选择的时候,遇到了一个bug,在网上在查询了好久都没有找到答案的,最后和同事分析了一下的,才找出了问题所在。       我遇到的问题是,要在当前页面刷新,然后触发本页面的点击事件...

用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)

Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定 Onunload,onbeforeunload都是在刷...

javascript如何监听页面刷新和页面关闭事件

本文转之http://www.qqtimezone.top 在我们的日常生活中,时常遇到这么一种情况,当我们在点击一个链接、关闭页面、表单提交时等情况,会提示我们是否确认该操作等信息。 这里就给大...

js页面刷新事件 ,Javascript刷新页面的几种方法

1) 10表示间隔10秒刷新一次 2) window.location.reload(true); 如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3) ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:键盘回车事件导致页面刷新
举报原因:
原因补充:

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