form表单回车Enter不直接提交,类似tab切换

 

<input> 控件增加onkeypress事件

onkeypress="return handleEnter(this, event)"

JS如下:
复制代码
 var keyCode = event.keyCode ? event.keyCode : event.which ? event.which
 : event.charCode;
if (keyCode == 13) {
 var i;
 for (i = 0; i < field.form.elements.length; i++)
 if (field == field.form.elements[i])
 break;
 i = (i + 1) % field.form.elements.length;
 field.form.elements[i].focus();
 return false;
} else
 return true;
复制代码

 

JQuery版:

复制代码
                $("input").keypress(function (e) {

                    var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;

                    if (keyCode == 13) {

                        var i;

                        for (i = 0; i < this.form.elements.length; i++)

                            if (this == this.form.elements[i])

                                break;

                        i = (i + 1) % this.form.elements.length;

                        this.form.elements[i].focus();

                        return false;

                    }

                    else

                        return true;

                });
复制代码

 

posted @   violety  阅读(603)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示