页面中禁用回车键提交表单

最新推荐文章于 2024-08-18 10:54:05 发布
最新推荐文章于 2024-08-18 10:54:05 发布
阅读量155 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/Chaser-Eagle/p/3684658.html
版权 
 1 <script language="javascript" type="text/javascript">
 2 // 禁用页面中的回车键
 3 function form_onkeydown(){
 4 //alert(window.event.srcElement.tagName);
 5     if(event.keyCode == 13&&window.event.srcElement.tagName!="TEXTAREA")
 6     {     
 7         event.returnValue=false;
 8     }
 9 }
10 </script>
11 <body onkeydown="form_onkeydown();" >
12 </body>

 

转载于:https://www.cnblogs.com/Chaser-Eagle/p/3684658.html

casonit
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML页面禁用Enter键自动提交表单
Tony Chen的专栏
09-15 1万+
在HTML页里面由于使用了form，常常需要禁用enter提交表单。因为内容页或者母版页自身有如果有type="submit"的button,当textbox聚焦时，按下enter都会触发表单的默认提交（不论是IE还是firefox），于是需要在onkeydown中监听用户的按键。实际测试，IE8中导致表单提交的不确定因素太多，点击表单的table中的td都会触发表单提交，而firefox则不会；于是在ie和ff中禁用表单提交需要不同的思路。对于IE:只有当事件源是TEXTAREA时才return true
阻止回车提交表单
weixin_30836759的博客
10-31 61
//阻止回车提交表单 $('form').keypress(function(e){ if(e.which === 13){ return false; } }) 转载于:https://www.cnblogs.com/caizhendong/p/5456010.html...
禁用按回车提交表单
weixin_30673611的博客
01-21 90
<script language="javascript" type="text/javascript"> // 禁用页面中的回车键 function form_onkeydown(){ //alert(window.event.srcElement.tagName); if(event.keyCode == 13&&window.event.srcE...
在form上设定了defaultbutton属性之后，切换提交按钮的解决办法
weixin_30636089的博客
07-26 154
通常我们有些页面需要设置默认提交按钮。也可能碰到如下情况：在搜索框中输入搜索内容后，按回车搜索，但由于页面设置了默认按钮，而且默认按钮不是搜索按钮，此时使用如下脚本通常都会失败： functiontextBoxOnKeyDown(event) { if(event.keyCode==13) { __doPostBa...
Html Form 标签里的 input 标签 输入Enter时 防止自动submit
pjx627al的专栏
10-04 779
function check() {  var a = 13;  if (event.keyCode == a) {  document.form1.action = "";  document.form1.submit();  }  } function disableEnterKey(e)  {  var key;  if(window.event)  key = wi
禁用enter、表单上传、前端及工具汇总
ste239的博客
08-05 185
1、禁用enter键 document.onkeydown = function(e) { var ev = (typeof event!= 'undefined') ? window.event : e; if(ev.keyCode == 13) { return false; } } 2、获取表单值并上传文件： //获取新增表单组件中的全部值 ...
禁止按回车键提交表单的方法
09-03
在网页开发中，用户按下回车键通常会触发表单的提交操作，这在某些情况下可能会导致意外的结果，比如在搜索框中按回车可能会刷新整个页面。本文将详细讲解如何禁止用户通过回车键来提交表单，以避免这种不必要的行为...
禁用Enter键表单自动提交实现代码
09-04
例如，如果表单中有多个输入字段，我们可能希望用户能够在按下Enter键时进行换行（如在文本区域中），而不是立即提交表单。本文将详细介绍如何通过JavaScript代码来禁用Enter键触发的表单自动提交功能。 首先，我们...
如何防止INPUT按回车自动提交表单FORM
11-29
如果表单中有多个`<input>`元素（包括隐藏的`<input>`），则浏览器不会在回车键被按下时自动提交表单。这是因为浏览器认为用户可能需要在其他输入框中输入数据，所以它等待用户完成所有输入后再提交表单。例如： ```...
前端,输入框内禁止回车提交表单
yanziit的博客
06-22 2019
1.输入框 onkeydown事件&lt;input type="file" name="fileSelect" size="52" id="fileSelect" onkeydown="return preventFormEditToInputFile(event);" /&gt; 2.jQuery方法 function preventFormEditToInputFile(even
点击回车键禁止form表单提交。
种种的博客
01-05 4002
今天遇到一个bug，就是在按下回车键的时候，已经下拉的下拉框，马上合拢再下拉。或者是闭合的下拉框列表马上下拉再合拢。主要是只发生在第一个。看看这个图片：当鼠标点击进去Search…搜索框时，点击Enter（回车）时，第一个< li >下拉然后在合拢，下面的不会出现这样的问题。经过我苦思冥想、百度啊、各种方法，我终于想出了办法。说下思路，因为我们在表单里面点Enter（回车）的时候，系统就会默认发生提
Web Form通过禁用回车键 防止defaultbutton提交表单
WWBOY249的专栏
08-12 1343
在WebForm中，回车键一般被默认绑定至页面第一个button控件，这就是所谓的defaultbutton。在这种情况下，在页面点击回车会触发表单提交事件。     但是很多情况下我们不希望以上行为发生，因为这可能导致页面异常。可以用下述方法禁用页面内的回车键。 function disableEnterKey(e) {
js 实现键盘记录 兼容FireFox和IE
shaily读书学习
05-29 1149
主要分四个部分第一部分：浏览器的按键事件第二部分：兼容浏览器第三部分：代码实现和优化第四部分：总结第一部分：浏览器的按键事件用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按
js按enter键，禁止换行
热门推荐
smile的博客
02-06 1万+
按enter键，禁止换行 ue.addListener("keydown", function(type, event){    //if (event.ctrlKey && event.which == 13) {// 判断ctrl 回车 发送 if (event.which == 13) {      // 禁止换行 event.cancelBubble=true; ev
网上商品订单转手系统bootpf
最新发布
weixin_43213064的博客
08-18 328
【代码】springboot网上商品订单转手系统bootpf
vue3进阶用法之通过调用函数动态加载组件用法及示例
wz9608的博客
08-14 338
vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。
44 个 React 前端面试问题
广漂程序猿DevinRock
08-14 990
虚拟 DOM 是 React 中的一个概念，其中创建实际 DOM（文档对象模型）的轻量级虚拟表示并将其存储在内存中。它是一种用于优化 Web 应用程序性能的编程技术。当 React 组件的数据或状态发生更改时，虚拟 DOM 会被更新，而不是直接操作真实 DOM。然后，虚拟 DOM 计算组件的先前状态和更新状态之间的差异，称为“比较”过程。一旦识别出差异，React 就会高效地仅更新真实 DOM 的必要部分以反映更改。这种方法最大限度地减少了实际 DOM 操作的数量，并提高了应用程序的整体性能。
如何吧html页面中的所有标签的回车事件禁用
06-09
可以使用 JavaScript/jQuery 来禁用 HTML 页面中的所有标签的回车事件。以下是使用 jQuery 统一禁用所有标签的回车事件的示例： ``` $(document).on('keydown', function(event){ if (event.keyCode === 13) { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值