输入框绑定回车事件调用AJAX后无法触发AJAX的回调函数

最新推荐文章于 2021-08-05 13:25:51 发布
最新推荐文章于 2021-08-05 13:25:51 发布
阅读量584 收藏
点赞数 1
分类专栏： 开发中遇到的问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/blankgodsword/article/details/84973687
版权

输入框绑定回车事件调用AJAX后无法触发AJAX的回调函数


今天在开发前端页面的时候，发现了一个奇怪的问题，输入框的回车事件调用AJAX后无法触发AJAX的回调函数，通过别的方法调用该函数则执行正常。各种测试都没有找到原因。
通过在网上查找发现原来是FORM表单搞的鬼，当FORM表单中只有一个输入框时，回车会默认触发FORM表单的提交，导致无法触发AJAX的回调函数。
于是我将FORM表单修改为DIV，反正我也用不到。
修改之后回车事件就能正常执行了。

blankgodsword
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
表单回车键提交和ajax传值结合使用技巧
Shelly Long的博客
07-04 1350
简述：在form标签中写onkeydown="if(event.keyCode==13) return check();"提交的input的type属性值为button，点击的时候执行check()方法建议用button作为交互用的按钮，来提交表单。同时请注意设置type=submit来兼容IE。<form onkeydown="if(event.keyCode==13) return ch...
当输入框的回车事件调用AJAX后无法触发AJAX的回调函数
m0_49214600的博客
02-09 470
当输入框的回车事件调用AJAX后无法触发AJAX的回调函数，通过别的方法调用该函数则执行正常。这时可能的原因是form表单的问题，当FORM表单中只有一个输入框时，回车会默认触发FORM表单的提交，导致无法触发AJAX的回调函数。可将FORM表单修改为DIV。 ...
文本框添加keydown事件
博主很懒，什么都没有写
11-16 2185
给文本框添加Enter事件。 js代码： $("#inputText").keydown(function(e){ /* 用来区别ie和其它浏览器的一个判断。ie中，事件传播的时候，生成的事件对象会绑定到全局的window上; 其它浏览器中，事件对象是一个局部变量，传到方法中 */ var ev= window.event||e;  if (ev.keyCode == 13) {/
回车ajax显示,jquery按回车提交数据的代码示例
weixin_42339759的博客
08-05 183
其实jquery按回车提交数据是很简单的事情，我们只要检查测到用户按了回车就直接绑定事件.click就实现了提交了，在按钮上我们绑定ajax提交表单事件即可。核心代码$(document).ready(function(){$("按下回车的控件").keydown(function(e){var curKey = e.which;if(curKey == 13){$("#回车事件按钮控件").cl...
绑定回车enter事件代码
09-04
以下是一个简单的示例，展示了如何绑定回车事件并触发指定的函数： ```javascript $(document).keydown(function(event) { if (event.keyCode === 13) { // 执行你的功能 yourFunction(); } }); ``` 在这个...
JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单
01-08
例如，在原始代码中，有一个onKeypress事件，当用户按下的键码是13（回车键的键码）时，会调用do_postAuditList_search()函数，这可能导致了两次查询的执行。 为了解决这个问题，一种解决方案是在表单中添加一个不...
ext输入框点击回车键直接进入查询
04-16
"ext输入框点击回车键直接进入查询"这一主题涉及到的是EXTJS框架中的一个常见功能，即如何在用户在输入框中按下回车键时触发查询操作。EXTJS是一个强大的JavaScript库，用于构建桌面和移动应用，它提供了丰富的组件...
JS 自动完成 AutoComplete(Ajax 查询)
10-29
- 使用`XMLHttpRequest`或`ActiveXObject`（针对旧版IE浏览器）创建异步请求对象，设置回调函数以处理服务器返回的结果。 - `onreadystatechange`事件用于判断请求状态，当服务器响应完成，调用`ShowResult`方法...
jQuery与JavaScript各自实现AJAX异步请求验证[借鉴].pdf
10-11
JavaScript（如checkUsername.js）监听输入框的键盘事件，当用户按下回车键时，触发AJAX请求。以下是一个基本的AJAX实现： 1. HTML代码： 在HTML页面中，创建一个输入框（用于输入用户名）和一个按钮，设置一个...
jquery实现回车键执行ajax
weixin_30301183的博客
11-01 398
$('#txtKey').bind('keypress',function(event){ if(event.keyCode == "13") { alert(1) }}); 转载于:https://www.cnblogs.com/phpwyl/p/9889336.html
enter 回车提交form表单
mao_mu_mu的博客
12-13 1282
$(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); } });
js中给回车键绑定事件响应函数
zw3413的专栏
04-25 964
document.onkeydown = keyDown;//回车 function keyDown(e) { var e =e||event; var key=e.keyCode||e.which||e.charCode; if(key==0xD){ //判断是否按下回车键         pro_submitForm(loginform); } }...
jq 文本输入框发生改变时，ajax调用一般处理程序，进行判断
qq_31971935的博客
08-15 2299
<script> $(document).ready(function () { $("#<%=LoginID_2.ClientID%>").change(function () { if ($(this).val() != "") { $.ajax({
js jq输入框中按回车触发提交事件，用户在页面输入后按回车（Enter键）进行
weixin_30855761的博客
08-02 1928
js jq输入框中按回车触发提交事件，用户在页面输入后按回车（Enter键）进行 代码如下： <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title&g...
输入框中按回车触发提交事件
shirlly
07-04 3382
html代码 [code="java"] [/code] JS代码 [code="java"] function webchat_chkkeysend(event) { if (event.keyCode==13) {webchat_sendmsg();} } [/code]
使用JavaScript在文本框中的Enter键上触发按钮单击
asdfgh0077的博客
12-10 2348
我有一个文本输入和一个按钮（见下文）。 当在文本框中按下Enter键时，如何使用JavaScript 触发按钮的click事件 ？ 当前页面上已经有一个不同的“提交”按钮，因此我不能简单地
cocos2d-x onEnter方法介绍
炫_愛羊的专栏
01-03 7111
cocos2d中ccNode的onEnter是一个非常重要的函数，从名字上看就是进入意思，如果没‘进入’那肯定就很严重了，首先看看ccNode的类的派生关系   onEnter函数追根溯底" name="image_operate_32641331645241938" alt="[转载]cocos2d-x onEnter函数追根溯底" src="http://s15.sinaimg.cn/mid
java输入框输入回车触发jbutton的触发事件
最新发布
05-29
您可以使用以下代码实现Java输入框输入回车触发JButton的触发事件： ```java JTextField textField = new JTextField(); JButton button = new JButton("Button"); // 添加JButton的ActionListener button....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值