web前段--js/jquery定义键盘回车事件导致页面刷新的问题(踩坑)

原创 2018年04月16日 17:13:27

后台管理早写好了,运营过来跟我说,这个搜索能不能修改一下,直接用回车键来搜索,不希望每次都要去点击搜索按钮,后来我去改了下触发事件,发现怎么改都是刷新页面的效果,根本就没去ajax调取搜索接口,百度了一番,发现原来是form表单的原因.

原因:当form表单只有一个input框时,按下回车键,会自动提交表单,并且不会把你刚输入的关键字传递给服务器端.

修改思路:

1.去掉表单

2.不要让表单中只有一个文本框(增加一个隐藏的文本框就行)

3.以上两点都不想使用,那么就还可以在表单后面加上一个onsubmit事件,返回false.阻止form提交.

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/baidu_38990811/article/details/79963189

获取键盘回车事件,并阻止回车换行事件

$(function (){ //回车事件 jQuery.fn.extend({ enter: function(fn){ $(this).bi...
  • xsgnzb
  • xsgnzb
  • 2014-11-25 14:52:12
  • 1887

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

input 的回车事件不运行,刷新当前页面
  • yehaifanxing
  • yehaifanxing
  • 2017-03-14 09:43:58
  • 2398

jquery实现回车键触发事件

本来以为jQuery在键盘事件会做的比较统一,但事实并不如我想象,还好我测试了下。 JQ版本:1.7.2   键盘事件有3: keydown,keypress,keyup,分别是按下,按着没上...
  • tomcat_2014
  • tomcat_2014
  • 2016-01-29 13:41:34
  • 22665

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

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

jquery键盘enter事件

在开发中越来越多的表单提交使用ajax,很多情况下也就不能使用系统自带的enter键提交功能,所以就需要用js模拟enter键提交。 这里使用jquery方法: 第一步获取键盘按键事件第二...
  • leyuxinsi
  • leyuxinsi
  • 2015-02-24 18:06:51
  • 1005

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

最近在做ajax无刷新页面的时候,在文本框输入关键字按回车,页面自动刷新了。这不是我想要的效果,后来发现按回车键会自动提交表单,于是将form去掉,果然不刷新了。但是这样的解决方式感觉还是有问题,所以...
  • yglt77
  • yglt77
  • 2016-05-30 21:52:06
  • 495

js捕获页面回车事件

使用纯JavaScript和Jquery实现页面回车按键的捕获
  • yzj714839128
  • yzj714839128
  • 2016-07-12 13:31:22
  • 11403

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

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

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

jquery 监控文本框键盘事件(回车事件)
  • paincupid
  • paincupid
  • 2016-03-29 10:28:54
  • 8073

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

经常会看到登录页面输入完账户密码,回车就登录了.实现方法:1.jquery方法$("#focus")为获取id为focus的元素$("#focus").keyp...
  • web_xyk
  • web_xyk
  • 2015-11-27 15:41:29
  • 3802
收藏助手
不良信息举报
您举报文章:web前段--js/jquery定义键盘回车事件导致页面刷新的问题(踩坑)
举报原因:
原因补充:

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