防止页面按回车提交

最新推荐文章于 2021-06-10 03:07:03 发布
最新推荐文章于 2021-06-10 03:07:03 发布
阅读量636 收藏
点赞数
文章标签： javascript button function html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yu_shu/article/details/2111112
版权

  <script   language="javascript">  
        function   test()  
                  {  
                          if(event.keyCode==13)  
                          {  
                                     
                                  event.returnValue=false;  
                          }  
                  }  
                  </script>  
          </HEAD>  
          <body   MS_POSITIONING="GridLayout"   οnkeydοwn="test()">  
   
          回车触发指定的按钮  
          <script   language="javascript">  
        function   test()  
                  {  
                          if(event.keyCode==13)  
                          {  
                                  document.all["Button3"].click();//只对html的button      
                                  event.returnValue=false;  
                          }  
                  }  
                  </script>  
          </HEAD>  
          <body   MS_POSITIONING="GridLayout"   οnkeydοwn="test()">  

或者在页面的最上面方一个button

yu_shu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
禁止按回车键提交表单的方法
12-01
出现自动提交的情况，有两种可能： 一是编写了javascript代码，当用户点按Enter键时，通过js事件侦听机制触发表单的提交。 二是利用了浏览器的默认行为（至少发现ie是这样的）。浏览器在解析网页的时候，有许多默认的行为，例如如果一个页面上有表单和一个提交按钮，那么打开页面时，焦点会自动落在这个提交按钮上面。同样如果一个表单中只有一个单行文本输入域（text），那么在这个输入域中按Enter键时，浏览器会自动提交该表单。 我们对于第一种情况一般都知道而且很容易理解，但是对于第二种浏览器的默认行为，可能知道这一点的人就比较少了，下面我具体看一下浏览器（至少ie如此）在表单提交上的默认行为。
《前端技巧》HTML页面防止input回车造成提交表单
tomatocc的博客
01-15 3256
网上的方法又很多种，比如： 1.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。（按钮默认的type为submit） 2.当type="button"时，且存在多个输入框，回车不提交。（button）  但是在实际开发中，由于前端框架不一样，所以这样的修改是有很多的局限性。所以推荐下面这个方法； .在form表单或input中加入：onkeydo
jsp页面，html页面，表单防止回车/回车键提交
80608989的专栏
07-27 534
只需在文本框加入：onkeydown="if(event.keyCode==13)event.keyCode=0;return false}"即可。 当然也可以用js校验，但是此法比较简单方便，适合简单的页面开发使用。
jsp中如何控制回车自动提交表单
yangtaohongyang的博客
11-11 218
外呼系统中，发现按回车后，会自动提交表单，由于提交Action有问题导致页面出错，由于是在原来页面的基础上进行的改动，而原来的页面按回车是不提交的，于是开始找原因，发现是因为我改动时删掉了一个type=”text”的input导致的。 form表单中有一个[code="java"][/code]时，按回车会提交表单，有两个以上时，按回车则不会提交。 如果只有一个[code="java"][/c...
阻止ajaxform的回车自动提交；
一份耕耘 一份收货
08-08 665
阻止ajaxform的回车自动提交； onkeydown = function (e) { var ev = document.all ? window.event : e; if(ev.keyCode==13){ $('#add_btn').trigger('click'); }
如何防止INPUT按回车自动提交表单FORM
11-29
本文将详细介绍如何防止`<input>`按回车键自动提交`<form>`表单。 首先，我们来看一下问题的示例代码： ```html <!doctype html> <title>test <!--input获得焦点后按回车form自动提交--> ``` 在这个例子...
Form表单按回车自动提交表单的实现方法
09-01
通过设置`style='display:none'`，这个输入框不会在页面上显示，同时回车键也不会触发表单提交： ```html ``` 2. 在文本框的`onkeydown`事件中添加代码，阻止回车键的默认行为。例如，使用`event.keyCode...
js 回车提交表单两种实现方法
10-27
JavaScript方法实现回车提交表单的基本步骤如下： 1. 给document对象绑定一个onkeydown事件处理函数。 2. 在事件处理函数中，获取触发事件的event对象。 3. 判断触发事件的键的keyCode值是否为13，即回车键的键码。 ...
网页中回车后form自动提交跳到其他页面的解决方法
09-28
返回`false`会阻止表单的默认提交行为，防止页面跳转。 以下是这个解决方案的详细解释： 1. **表单的`onsubmit`事件**：这是一个HTML表单的事件，当用户尝试提交表单时，浏览器会触发这个事件。我们可以在`...
页面只有一个text的时候，回车自动submit的解决方法
09-05
通过这种方式，我们能够在回车键被按下时立即响应，防止表单提交。 3. **添加隐藏文本框**：如描述中提到，如果上述方法仍然无法解决问题，可以尝试在页面上添加一个隐藏的文本输入框。这个额外的输入框使得浏览器...
实现在页面上按下回车就提交一个Button_Click事件
blackjack212_401的专栏
09-13 873
在网上找了几个方法  这个管用 copy过来到asp.net里的相应的aspx文件中就可以用了邦定页面的onkeydown给自定义的onkeydownEventHandler事件         document.onkeydown=onkeydownEventHandler;     function   onkeydownEventHandler()     {         va
html禁止回车提交,HTML防止input回车提交表单
weixin_39660922的博客
06-07 240
原链接：https://blog.csdn.net/ligang2585116/article/details/44699567自动提交情况说明：1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。2.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。(按钮默认的type为submit)3.当type...
html中按回车先不提交表单,如何通过按下Enter键（不提交按钮）来提交HTML表单？...
weixin_33525298的博客
06-07 422
我不想提交按钮，因为我希望人们能够进入表单域，然后搜索他们所要做的就是按下回车按钮。如何通过按下Enter键(不提交按钮)来提交HTML表单？这里是我的代码：HTMLstyle="background-color:white; border:solid 1px #ffffff; height: 30px; font-size:19px;font-family: HelveticaNeue-Ligh...
Html中，防止回车自动提交
ssdjmcj8048的专栏
05-17 1107
遇到这样的问题，上网查了很多资料，解决方法都很复杂奇怪，不知道下面的方法是否简单易行：function inputKeyDown(){       if (event.keyCode==13)      {              // do something, ex. yourself submit action             event.returnV
屏蔽回车键提交功能
工作积累
11-18 496
屏蔽： document.onkeydown = function() {      if (window.event.keyCode == 13) {      window.event.keyCode = 0;      window.event.returnValue = false; }   解除： document.onKeydown = null;
HTML屏蔽回车提交功能
骑着猪猪去逛街
04-16 163
屏蔽页面上的回车键,不让其自动提交 &lt;head&gt; &lt;script language="javascript" event="onkeydown" for="document"&gt; if ( event.keyCode == 13 ) { // 将 Enter 键 设置为 Tab 键 event.keyCode = 9; // Enter 键 不提交页面。 //...
php 默认按回车提交按钮,如何防止回车(enter)键提交表单_javascript技巧
weixin_34281501的博客
04-05 282
如何防止回车(enter)键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。如果在页面中按Enter键会自动提交的话，可以设置返回值防止自动提交如返回值必须是false代码如下:function gosearch(){if(window.event.keyCode == 13){searc...
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
html 禁用回车提交,HTML页面禁用Enter键自动提交表单
weixin_31582915的博客
06-10 912
在HTML页里面由于使用了form，常常需要禁用enter提交表单。因为内容页或者母版页自身有如果有type="submit"的button,当textbox聚焦时，按下enter都会触发表单的默认提交(不论是IE还是firefox)，于是需要在onkeydown中监听用户的按键。实际测试，IE8中导致表单提交的不确定因素太多，点击表单的table中的td都会触发表单提交，而firefox则不会；...
vue 按回车键 页面刷新如何解决
最新发布
06-06
在 Vue.js 中，如果你想要防止按下回车键时页面刷新，可以使用 `.prevent` 修饰符来阻止默认的提交行为。具体方法如下： ```html <template> <div> <form @submit.prevent="handleSubmit"> <input type="text" v-model="text" /> <button type="submit">提交</button> </form> </div> </template> ``` 在这个例子中，我们使用 `@submit.prevent` 来绑定 `handleSubmit` 方法到表单的提交事件上，并使用 `.prevent` 修饰符来防止默认的提交行为。这样，即使用户按下回车键，也不会触发表单的提交事件，从而避免页面刷新。 需要注意的是，`.prevent` 修饰符只能阻止默认的提交行为，如果你想要在用户按下回车键时触发其他事件，比如搜索或查询等，你需要在事件处理程序中手动处理这些逻辑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值