页面回车键提交处理方法！！

最新推荐文章于 2021-05-31 20:44:48 发布
最新推荐文章于 2021-05-31 20:44:48 发布
阅读量510 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yuchen8/article/details/2738377
本文介绍了一种处理网页中键盘事件的方法，特别是如何将回车键事件转换为Tab键事件，这对于需要使用键盘进行导航的网页应用非常有用。同时，还提供了一个通过JavaScript触发按钮点击事件的示例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<script language="javascript" for="document" event="onkeydown"> 
<!--

//说明：对于本页中的键盘操作，如果为回车键，则用tab键 代替。
    if (event.keyCode == 13)
    {
   window.event.keyCode="9";
    }
-->
</script>

 

或相当于获得按钮的单击操作。

document.getElementById("btnShow").click();

yuchen8
关注
回车实现提交页面
Allen_liyu的博客
06-07 365
为了用户有良好的体验，要求输入框可以直接回车提交 1.现在form标签上加上 onkeydown,事件会在用户按下一个键盘按键时发生 2.回车的键值是13，只需要判断是不是13即可 function keyClick(e) { var theEvent = e || window.event; var code = theEvent.keyCode || theEvent.
jquery: enter回车提交
HM_DXK的博客
04-10 438
function keyLogin() { $('body').on('keydown', function () { if (event.which == 13) //回车键的键值为13 $('#btnLogin').click(); //调用登录按钮的登录事件 }) } ...
为页面添加回车事件（回车直接提交页面信息）
weixin_34384557的博客
08-20 213
代码如下： 1&lt;script language="javascript" for="document" event="onkeydown"&gt;2    if (event.keyCode == 13)3    {4        document.getElementById("btnShow").click();5    }6&lt;/script&gt;...
网页按钮响应回车事件
chishu5505的博客
07-03 433
要控制这些行为，不需要借助JS，浏览器已经帮我们做了这些处理，这里总结几条规则： 如果表单里有一个type=”submit”的按钮，回车键生效。 如果表单里只有一个type=”text”的input，不管按钮是什么type，回车键生效。 如果按钮不是用in...
JQuery页面回车事件
Getlong的专栏
04-13 891
很多时候网站登录直接按回车键就可以登录。 实现代码如下
WEB页面对回车键（enter）提交表单的支持
weixin_30376083的博客
11-04 306
JavaScript对回车键（enter）提交表单的支持 <script language="javascript"for="document" event="onkeydown"> <!-- if(event.keyCode == 13 ){ document.form[0].submit(); } --> </scr...
登录界面任意位置按回车键登录
farr1102的博客
02-08 232
登录界面任意位置按回车键登录 document.onkeypress = e => { let keycode = document.all ? event.keyCode : e.which; if (keycode === 13) { this.submit(); return false; } };
html表单回车自动提交,网页表单回车自动提交问题
weixin_42301816的博客
05-31 966
1 当前问题网页中，一个form表单中如果type为text的input元素只有一个，输入焦点在text中时，回车表单将会自动提交(如指定表单的action属性，会提交到对应action，如未指定表单的action属性，则会刷新当前页面)。此种情况，经常出现在查询区域的表单中，当查询区域text类型的input只有一个时，输入内容回车页面将会自动提交。注意：这里说的form表单中的type为tex...
网页中表单按回车就自动提交的问题总结
默默前行，勿喜、勿悲、一切随缘！
10-30 1892
当form表单中只有一个输入框时，焦点在此输入框中，按回车键将自动将表单提交。 即使不写action，页面也会自动刷新，有时这并不是我们需要的。 如果再次添加一个input框，会怎样？ 焦点在输入框中，按回车键没有提交表单。 如果表单中添加一个submit类型的按钮呢，会怎样？
如何设置enter回车提交
stonefly0502的博客
06-05 2147
第一步:把如下代码加入&lt;body&gt;区域中 &lt;form method=POST action="xxxx.php" name="form1"&gt;&lt;input type="text"&gt;&lt;input type="submit" id="subtn" value="发送" name="subm
按下enter键让提交页面的某个方法
程序员超哥的博客
03-08 811
最近做一个前端页面，在一个分页和查询里面，要用enter键会自动提交，先提交查询的内容，如果查询为空再提交分页的页数 代码如下 document.onkeydown = function (e) { if (!e) e = window.event; if ((e.keyCode || e.which) == 13) { toQuote();
谈谈Enter回车键提交表单那些事
热门推荐
u010871655的博客
04-27 1万+
我们在做系统前端的时候，往往会用到form标签，采用jquery插件做表单验证。我们信誓旦旦的一位把一切都做好的时候，并且检查一遍又一遍的时候，意向不到的事情发生了，也许是出于一种意外，而这种意外我们从来没有想到，我们不小心碰下了enter键，然后我们发现该走的js它没有走，跳到下一个页面，或者就直接404了。想都不用想，绝对是enter键直接把表单提交了.表单在什么情况下会e
HTML页面单输入框回车自动提交问题-自留
黑面阿呆的博客
05-10 700
问题描述：HTML（或类似）页面，如果只存在一个input输入框，那么在输入完成按下回车会触发提交事件。 解决方案：在该输入框下添加两个隐藏的input,一个为text类型，一个为button,可避免触发回车提交事件
《前端技巧》HTML页面防止input回车造成提交表单
tomatocc的博客
01-15 3343
网上的方法又很多种，比如： 1.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。（按钮默认的type为submit） 2.当type="button"时，且存在多个输入框，回车不提交。（button）  但是在实际开发中，由于前端框架不一样，所以这样的修改是有很多的局限性。所以推荐下面这个方法； .在form表单或input中加入：onkeydo
处理IE与火狐文本框回车自动提交问题
2. **添加隐藏的submit按钮**：在表单中添加一个样式为`display:none`的submit按钮，这样无论在哪个浏览器，回车键都会触发这个按钮的点击事件，但用户在页面上看不到这个按钮。例如： ```html ``` 3. **使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值