当回车关联查询按钮时，如何解决页面重新刷新的问题！

最新推荐文章于 2024-01-02 08:08:26 发布
最新推荐文章于 2024-01-02 08:08:26 发布
阅读量546 收藏
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014042146/article/details/42388015
版权

当用查询按钮管理时，按下回车后查询出数据，然后页面又自动再刷新，显然刚刚得到的查询结果又回到原页面！

这是因为当按下回车时，在form表单内如果只有一个文本框时，按下回车将会触发表单的提交事件。既然是只有一个文本框才会出问题，那么可以加一个隐藏的文本框。



-------------------如第5行添加一个隐藏的文本框，这样一个form表单里有两个文本框，当按钮下回车时，就不会触发表单提交事件，再发按钮触发的函数放到回车触发事件里面即可   实现回车查询按钮的功能！



打代码的哈士奇
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详细讲解 MySQL的重要概念和用法，例如索引、事务、存储过程、触发器、视图、权限管理等，值得一看！
程序员光剑
08-03 1383
2019年，微软推出了一款基于MySQL服务器的开源数据库管理系统——MySQL Server。而随着技术的日新月异，越来越多的人开始关注MySQL，希望用它来解决实际问题。不管是互联网公司还是小型企业都在大力推动MySQL的普及应用。MySQL已经成为当今最受欢迎的开源数据库管理系统之一。2017年，MySQL被Oracle收购。这是MySQL历史上的一次重大变革，标志着MySQL的成功突破其竞争对手的壁垒。MySQL从此走上了一个全新的道路。
关于输入框按回车自动刷新页面的4个解决方案
梦想家的跋涉
03-20 5243
起因 最近加入了一套回车自动查询的方法，好几个界面都加好了，可是就是有一个界面的回车事件总是不生效并且似乎还自动刷新了整个界面。 $("input[name='projectName']").keyup(function(){ if(event.keyCode == 13){ reloadGrid(); } }); 分析问题所在 ...
<转>键盘回车事件导致页面刷新的问题
攻城记
10-22 429
一个 Ajax 查询的功能，代码如下： &lt;form name="keywordForm" method="post" action=""&gt; &lt;p id="profile_nav"&gt; &lt;label for="profile"&gt; 关键字搜索： &lt;/label&gt; &lt;i
input输入框回车查询数据自动刷新
LvKuiSir的博客
12-26 2529
问题描述：当输入数据时回车查询数据被自动刷新 记录时间：2017年12月26日 一：表单 onsubmit="return false;"> 档案条码: onclick="search()">查询     重置 二：查询方法js function search()
按回车导致页面刷新的问题
零一
12-09 670
ajax无动态刷新页面的查找，习惯性按回车，结果页面刷新，也做不成无动态 的了，但是点击可以。 第一个方法就是去掉外面的form sss 第二个方法是 form的onsubmit = "return false" 方式1：全局控制回车，13-回车键，27-ESC，113-F2 1 2 3 4 5 6 7 ...
Vue进阶（幺捌柒）浏览器缓存问题解决
IT全栈 华强工作室
08-24 6526
vue 项目打包部署上线之后，每一次都会有浏览器缓存问题，导致系统用户访问上个迭代批次的旧资源（css/js资源），若当前迭代批次项目包中不存在旧资源，系统就是出现404错误信息，需要系统用户手动清除缓存才能解决以上问题，导致用户体验非常不好。浏览器缓存（Browser Caching）机制是为了节约网络资源提升页面渲染性能，浏览器在用户磁盘上会对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，进而提升页面性能。
JavaScript修改浏览器URL地址栏，不刷新页面
weixin_30367873的博客
07-30 686
使用JavaScript修改浏览器URL地址栏 现在主流的浏览器，可以在不刷新页面的情况下修改浏览器URL;在浏览过程中，可以将浏览历史储存起来，当在浏览器点击后退按钮时，可以冲浏览历史上获得回退的信息。 本文就介绍下它是如何工作的。 复制代码代码示例: var stateObject = {};var title = "Wow Title";var newUrl = "/my/awes...
idea中刷新项目快捷键_IDEA的基本使用(让你的IDEA有飞一般的感觉)
热门推荐
weixin_42511879的博客
12-23 1万+
1.设置maven在File->settings->搜索mavenMavan home directory--设置maven安装包的bin文件夹所在的位置User settings file--设置setting文件所在的位置Local repository--设置本地仓库的2.IDEA 设置代码行宽度在File->settings->Editor->Code Sty...
上传本地仓库到github上时遇到的一些问题以及解决方法
baidu_26759899的博客
03-15 6865
最近在学习机器学习的一些算法，编完代码之后突然想到把自己手敲的代码上传到github上也许是一件很好玩的事情，于是就试着做了一下，在这之间遇到了一些问题，费了些时间最终找到了解决方法，现在把它写在这里，分享给大家，能节省大家宝贵的一点时间也就心满意足了。 -----------------------------------------------------------------------
微信小程序-页面开发
最新发布
qq_44715376的博客
01-02 2511
页面开发
当在浏览器中输入Google.com并且按下回车之后发生了什么？(超详细)
yapian8的专栏
03-14 4494
本文试图回答一个古老的面试问题：当你在浏览器中输入Google.com并且按下回车之后发生了什么？不过我们不再局限于平常的回答，而是想办法回答地尽可能具体，不遗漏任何细节。这将是一个协作的过程，所以深入挖掘吧，并且帮助我们一起完善它。仍然有大量的细节等待着你来添加，欢迎向我们发送Pull Requset！我们从回车键按下开始。回车键按下为了从头开始，我们选择键盘上的回车键被按到最低处作为起点。在这个
输入框按enter键引起页面刷新问题
Mr.Zheng
09-24 2361
1、问题： 绑定键盘事件，在一个弹出窗中输入完密码按enter键直接提交，但是按完enter键会直接刷新页面，弹出窗无法保持 2、分析： 在绑定事件中分别试了keydown，keyup， keydown可以保持弹出窗口，但是第一次按键值获取不到， keyup可以获取到值，但是按完enter键会直接刷新页面，无法保持窗口 最终通...
键盘回车事件导致页面刷新的问题
欢迎来到小迪的CSDN博客！
11-10 469
我最近在做一个 Ajax 查询的功能，代码如下：<form name="keywordForm" method="post" action=""> <p id="profile_nav"> <label for="profile"> 关键字搜索： </label> <input style="width:80; height:20" type="text" name="ke
vue 按回车键 页面刷新如何解决
06-06
在 Vue.js 中，如果你想要防止按下回车键时页面刷新，可以使用 `.prevent` 修饰符来阻止默认的提交行为。具体方法如下： ```html 提交 ``` 在这个例子中，我们使用 `@submit.prevent` 来绑定 `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值