回车提交表单

最新推荐文章于 2021-07-08 16:20:21 发布

转载最新推荐文章于 2021-07-08 16:20:21 发布 · 97 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/web-Knowledge/p/7070554.html

本文介绍了一种使用JavaScript实现的回车提交功能，通过监听输入框的键盘事件，当用户按下回车键时，触发特定操作，如提交表单。此功能增强了网页交互性，提升了用户体验。

   <script>
        window.onload=function(){
            document.getElementById("enterSubmit").onkeyup=function(e){
                e=e||window.event;  //获取事件对象
                var keycode= e.keyCode || e.which || e.charCode;  //获取键码
                if(keycode === 13){    //判断键码是否为13(回车键)
                    alert("回车提交成功");
                }
            }
        }
    </script>


    <body>
        <input type="text" id="enterSubmit" value="回车提交"/>
    </body>

转载于:https://www.cnblogs.com/web-Knowledge/p/7070554.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

baibi4413

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

js 回车提交表单两种实现方法

10-27

JavaScript方法实现回车提交表单的基本步骤如下： 1. 给document对象绑定一个onkeydown事件处理函数。 2. 在事件处理函数中，获取触发事件的event对象。 3. 判断触发事件的键的keyCode值是否为13，即回车键的键码。 ...

禁止按回车键提交表单的方法

09-03

本文将详细讲解如何禁止用户通过回车键来提交表单，以避免这种不必要的行为。首先，我们要了解浏览器对表单的默认处理方式。在含有单个文本输入框的表单中，按下回车键会自动触发表单的提交。这是因为浏览器认为这...

参与评论您还未登录，请先登录后发表或查看评论

javascript回车提交表单

啊哈前端的专栏

01-03

416

javascript回车提交表单 window.onload=function(){ var enter=document.getElementById("enter"); enter.onkeyup=function(e){ var e= e||window.event; var keycode= e.ke

谈谈Enter回车键提交表单那些事

热门推荐

u010871655的博客

04-27

1万+

我们在做系统前端的时候，往往会用到form标签，采用jquery插件做表单验证。我们信誓旦旦的一位把一切都做好的时候，并且检查一遍又一遍的时候，意向不到的事情发生了，也许是出于一种意外，而这种意外我们从来没有想到，我们不小心碰下了enter键，然后我们发现该走的js它没有走，跳到下一个页面，或者就直接404了。想都不用想，绝对是enter键直接把表单提交了.表单在什么情况下会e

enter 回车提交form表单

mao_mu_mu的博客

12-13

1402

$(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); } });

form表单提交之Enter提交

weboof的博客

07-26

4579

通常情况下，我们在页面上操作输入框的时候，像搜索框，登录的时候，我们一般输入完成后喜欢直接enter去获取结果，然而尴尬的是当我们在注册的时候，则不喜欢每填完一个内容就enter提交了。其实根据业务的不同需要，需要我们去判断，在这之前需要我们去了解一下浏览器的一些默认行为，以下是总结的经验，亲测，可用。如果表单里只有一个type=”text”的input，不管按钮是什么type(或有无提交按钮)，

jq html 回车提交表单,回车提交表单的方法

weixin_34008445的博客

06-10

407

一般如果input的type是submit，显然按回车可以提交表单，但有时没有submit(比如用ajax提交)，需要回车提交怎么办呢？上网随便查了一下，很简单，方法如下：一、 document.onkeydown=function(evt){varevt=window.event?window.event:evt;if(evt.keyCode==13){document....

html 禁用回车提交,HTML防止input回车提交表单

weixin_36122413的博客

06-10

841

原链接：https://blog.youkuaiyun.com/ligang2585116/article/details/44699567自动提交情况说明：1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。2.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。(按钮默认的type为submit)3.当type...

java 回车提交表单_表单按回车自动提交

weixin_32539505的博客

02-16

215

1、当form表单中只有一个时按回车键将会自动将表单提交。再添加一个按下回车将不会自动提交，但是页面上显示一个不知所云的输入框挺别扭，后从网上搜到两个解决办法：1；添加一个不显示输入框，然后回车之后也不会提交：2；添加一个onkeydown事件，然后回车之后也不会显示：如果想添加回车事件可以在onkeydown事件中添加判断提交表单：我们有时候希望回车键敲在文本框(input element)里来...

iview Form 组件阻止回车提交表单

Amy的博客

12-28

3290

问题描述当 form 中只有个 input 时回车会自动提交表单。解决办法第一种是在 Input 上加 @keydown.native.enter.prevent =&quot;handleEnter&quot; 第二种是在 Form 上加 @submit.native.prevent ...

小技巧之阻止回车提交表单

heartandwater的博客

07-08

824

经常在写了表单之后，又要手动去阻止回车触发的提交，浪费一个事件，感觉有点像阑尾炎，玩笑。如果不希望有这种默认行为，那么不要在表单内使用 type=“submit” 和 type=“image”，就可以了。也就是不要有提交按钮，按钮指定 type="buttoin"就可以了 ...

不同浏览器对回车提交表单的处理办法

09-05

然而，不同的浏览器对于回车提交表单的处理方式存在差异，这需要开发者充分理解并适配这些差异，以确保应用在各种环境下都能正常工作。在IE和Firefox浏览器中，要使回车键能够提交表单，需要满足两个条件： 1. `...

如何防止INPUT按回车自动提交表单FORM

09-01

默认情况下，当用户在表单内的输入框（INPUT）中按下回车键时，浏览器会自动提交表单，这有时并不符合开发者的设计需求。本文将详细介绍两种防止INPUT按回车自动提交表单FORM的方法。 ### 方法一：增加一个隐藏的...

js禁止回车提交表单的示例代码

10-26

这样做虽然可以确保整个文档范围内禁止回车提交表单，但也可能会影响到其他需要使用回车键功能的场景（比如文本输入框的自动换行）。因此，在实际应用中，可能需要根据具体需求调整事件绑定范围，以减少不必要的影响...

html文本框禁止回车,HTML防止input回车提交表单

weixin_39632698的博客

06-04

1589

db-3D推箱子游戏QZQ-Android studio游戏源代码.zip

12-29

db-3D推箱子游戏QZQ-Android studio游戏源代码