应用jQuery在easyui中Enter To tab

最新推荐文章于 2020-03-24 15:18:07 发布

原创最新推荐文章于 2020-03-24 15:18:07 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EnterToTab

常见知识点专栏收录该内容

1 篇文章

订阅专栏

本文探讨了将网页表单中Enter键的功能转换为Tab键进行焦点切换的方法。作者尝试了直接修改事件键码的方式未果后，使用了enter2tab插件，但仍面临对于某些控件（如EasyUI）无效的问题。最终采取了为特定控件绑定键盘事件的手动解决方案。

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

现有客户需求tab键的切换功能转为按enter跳转。搜过相关资料，尝试最简单的办法未成功。

if (event.keyCode == 13) {
    event.keyCode=9;
}

遂下载了插件enter2tab（下载地址）

只需初始化即可。

$("#form-form").enableEnterToTab({ captureTabKey: true });

页面

但该插件只对input有效，对easyui的其他控件则无法自动跳转，故此最笨的方法还是为相应easyui控件绑定keydown事件，实现手动跳转

$("#agentcode").combogrid('textbox').keydown(function (e) {
                var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
                if (keyCode === 13) {
                    $("#goods").focus();
                }
            });

若有高手，望提供更为方便简洁的方法，不胜感激。