禁止input一回车就提交的问题

最新推荐文章于 2024-11-30 14:49:25 发布
最新推荐文章于 2024-11-30 14:49:25 发布 · 87 阅读 · 0

本文介绍了一个简单的JavaScript函数，用于实现网页中输入框通过回车键触发搜索功能。该函数能够识别回车键按下事件，并根据页面状态决定是否执行搜索操作。

function quickQueryCust(evt){

evt = (evt) ? evt : ((window.event) ? window.event : "") //兼容IE和Firefox获得keyBoardEvent对象
var key = evt.keyCode?evt.keyCode:evt.which; //兼容IE和Firefox获得keyBoardEvent对象的键值
if(key == 13){ //判断是否是回车事件。
//根据需要执行某种操作。
if($('.ac_over').length > 0)
{
return true;
}else
{
return false;
}
}
}

<input name="s" onkeydown="return quickQueryCust(event);" id='input_search_keyword' tabindex="1" autocomplete='off' maxlength="80" value="{main.search_value}" onfocus="if(this.value == 'Software') this.value='';" onblur="if(this.value=='' && $('#s_category').val()=='all') this.value='Software';" />

wssxy
关注
input 阻止表单输入框的回车键触发提交事件
在职可交流前端开发，包括：web端、uniapp等，欢迎指教。
07-11 2283
layui组件。 input输入框，阻止回车键触发提交事件。 $("addMylable input").keydown(function (event) { if (event.keyCode == 13) { return false; } })
如何防止INPUT按回车自动提交表单FORM
09-01
因此，我们可以在表单内添加一个不可见的input元素，这样就可以防止回车键自动提交。例如： ```html <input type="text"> <!-- 增加一个隐藏的input --> <input type="text" style="display: none;"> ``` ...
HTML防止input回车提交表单
Bright
08-29 559
版权声明：本文为优快云博主「奋飛」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.youkuaiyun.com/ligang2585116/article/details/44699567 自动提交情况说明： 1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。 2.当type...
input输入框禁止敲回车
xiongjiajiede的博客
09-15 2711
input输入框禁止敲回车,亲测有用,记录下来 <input type="text"value=" "name=" " onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;"> 只要在input中添加onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;"即可 ...
【3分钟学会】一招禁用表单中input输入框回车键自动触发提交事件！
最新发布
代码喵仔
11-30 1737
本文旨在探讨如何在Web开发中处理Form表单的input输入框，特别是如何通过编写代码来禁用用户按下回车键时自动触发的表单提交事件。这涉及到理解表单事件处理机制，以及如何使用JavaScript或HTML属性来阻止回车键默认行为，从而增强用户体验和表单的功能性。
禁止按回车键提交表单的方法
09-03
针对这一行为，我们可以采取以下策略来禁止回车键提交表单： 1. 添加一个隐藏的文本输入框：在表单中添加一个CSS样式为`display:none`的文本输入框，这样即使用户按下回车，也会因为有多个文本输入框而不会触发提交...
解决浏览器兼容性问题：禁止INPUT中回车提交
"浏览器兼容性问题以及解决方案，包括禁止回车提交表单的代码示例，以及关于浏览器对盒模型解析差异的解释" 在网页开发过程中，浏览器兼容性是一个重要的考虑因素，因为不同的浏览器可能对HTML、CSS和JavaScript的...
屏蔽input默认的回车事件/取消回车自动提交表单
Khun_HWJ的博客
09-07 1844
方法一： 在 form 标签上添加 ‘onkeypress’ <form onkeypress="return event.keyCode != 13;"> 方法二： JQuery 统一处理 $(document).on("keypress", "form", function(event) { return event.keyCode != 13; }); 方法三： JavaScript 统一处理 killDefault(event){ var evt = window.eve
屏蔽input的回车事件
哈
04-21 1629
【代码】屏蔽input的回车事件。
屏蔽input栏中输入回车
weixin_33709590的博客
03-16 280
在一个FROM中，有多个INPUT，如果在任何一个INPUT窗体中按回车，都会提交FROM的POST上，而实际是希望用单击实现AJAX。这时，想到了禁止在INPUT中使用回车，以往的经验是： <input name="url" type="text" size="50" ōnkeydown="if(event.keyCode==13){event.keyCode=9}...
防止input回车提交表单、输入空格自动退格
weixin_45062076的博客
07-10 323
在input中加入 οnkeydοwn=’if(event.keyCode==13){return false;}’即可
屏蔽表单中的input回车 提交
不忘初心，才能始终
12-08 1723
一句话，上代码：
禁用表单中回车的方法
天雨流芳的专栏
05-03 713
 这样Formid里的回车操作都被屏蔽了,不用担心诸如Textbox中回车提交表单等问题.
input框屏蔽enter事件
ruoxuan25的博客
11-30 2424
阻止 form 表单 input 回车触发 button 按钮 click 事件
在这个数字革命的时代，我们将引领您穿越去中心化、智能合约、加密货币以及分布式应用程序的世界。无论您是初学者还是经验丰富的区块链开发者，我们都致力于为您提供有价值的信息和见解。
06-15 2424
如上代码，在 input 输入框中按下回车键会自动触发 Action 事件，这就会影响业务流程，也算是个bug，但这是为什么呢？方法1：给 button 加 type 类型 方法2：给 input 加阻止回车鼠标事件 相关链接 vue 阻止事件冒泡，捕获方法 阻止 form input 输入框按回车自动提交表单...
给所有的input框设置屏蔽回车键
K1nney的博客
03-29 1199
window.onload=function () { $("input").attr('onkeydown',"if(event.keyCode===13){return false;}"); };
html阻止input 提交表单,聊聊禁止input回车提交表单
weixin_39980596的博客
06-10 669
网上搜了一下解决方案，其中有一个方案就是form标签上添加：onkeydown="if(event.keyCode==13){return false;}"嗯。。。确实管用，完全禁止了input回车提交表单。但是。。。我想说其实input回车提交表单的用户体验真得很好呀，我就是想在提交时加一验证下而已，再找找原因吧:form中的input只有一个，input获得焦点时按回车会form自动提交。有多...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值