`

用Enter代替Tab

阅读更多
转自:http://hi.baidu.com/_ollie/blog/item/9722df133d3d26d8f7039e95.html

ExtJs中實現Enter鍵代替Tab鍵 javascript
2009/03/28 15:59
近来客户有提出需求,就是尽量减少表单输入时的鼠标动作。
那么就涉及到像CS中的Enter键跳转下一有效位的问题。 从网上有收到很多关于JS的相关解决方案。 但是其下的处理方式就能达到我的需求。 很好的,也可以作为其他JS相关功能的参考
var run = function() {
    var all = Ext.query('input[type!=hidden]'); // 查找所有非隱藏元素
    Ext.each(all, function(o, i, all) { // 遍曆並添加enter的監聽
                Ext.get(o).addKeyMap({
                    key : 13,
                    fn : function() {
                        try {
                            all[i + 1].focus()
                        } catch (e) {
                            event.keyCode = 9
                        }
                        if (all[i + 1]
                                && /button|reset|submit/.test(all[i + 1].type))
                            all[i + 1].click(); // 如果點擊則觸發click事件

                        return true;
                    }
                })
            });
    Ext.getBody().focus(); // 使頁面獲取焦點,否則下面設定默認焦點的功能不靈驗

    try {
        var el;
        if (typeof eval(xFocus) == 'object') { // 如果傳入的是id或dom節點
            el = Ext.getDom(xFocus).tagName == 'input'
                    ? Ext.getDom(xFocus)
                    : Ext.get(xFocus).first('input', true); // 找到input框
        } else {
            el = all[xFocus || 0]; // 通過索引號找
        }
        el.focus();
    } catch (e) {
    }
}
Ext.isReady ? run() : Ext.onReady(run); // 頁面加載完成後添加表單導航
分享到:
评论

相关推荐

    用Enter键代替Tab键

    Delphi 组件; 将该控件放在窗体上即可用Enter键,或向上、向下箭头键代替Tab键切换焦点。

    用回车键代替TAB。

    用回车键代替TAB。

    js 实现 Enter键实现Tab键功能

    js 实现 Enter键实现Tab键功能! 值得下载看看!资源免费,大家分享!!

    Delphi回车键代替Tab 键

    Delphi回车键代替Tab键 Delphi回车键代替Tab 键 Delphi回车键代替Tab 键 Delphi回车键代替Tab 键

    AOM中IE、Firefox兼容Enter代替Tab的Javascript

    AOM中IE、Firefox兼容Enter代替Tab的Javascript

    enter to tab

    enter键替换tab键!JS文件,使用时需要初始化,各标签最好能标识TableIndex更容易控制,具体操作可参考我的博客文章

    Enter键代替Tab键移动焦点的组件

    1、适用于Delphi。 2、在窗体上放置该控件,即可用回车键或向上向下 方向键代替Tab键移动焦点。 3、比DosMove要好用哟,不信试试。

    表单切换,用回车键替换Tab健(不支持IE)

    表单切换,用回车键替换Tab健。input的属性tab的值表示切换的顺序,这个值必须是连续的,并且不能重复。目前不支持IE

    在填寫表單時用回車[Enter]代替[Tab]

    在填寫表單時用回車[Enter]代替[Tab]

    基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )

    第一种方法: 代码如下: $(document).ready(function () { $(‘:input:text:first’).focus(); $(‘:input:enabled’).addClass(‘enterIndex’); // get only input tags with class data-entry textboxes = $(‘....

    C# 键盘Enter键取代Tab键实现代码

    主要介绍了C# 键盘Enter键取代Tab键实现代码,有需要的朋友可以参考一下

    Vue中实现回车键切换焦点的方法

    习惯把保存成为编辑,习惯用回车替换 Tab。这是受到微软 excel 荼毒的结果。 起初我以为这个功能很简单,无非就是把 Enter 键的功能转接到 Tab 键上面,分分钟就可以解决掉的问题。 可困难马上就出现了,我发现这条...

    matlab 模拟模仿替代键盘动作

    'DELETE','DEL','BACKSPACE','TAB','Enter','CAPSLOCK','ESC','ESCAPE','SPACE','LEFT','UP','RIGHT','DOWN','SCROLLLOCK','SCROLL','INSERT','PRINTSCREEN','PRTSC' 本站还上传了姊妹模块,完全模拟鼠标点击、...

    简繁体转换工具

    2、编辑时确保文件格式为utf8,且最好用专门的编辑工具如editplus编辑。 3、文件的格式为: 替换前的词汇1\t替换后的词汇1\n 替换前的词汇2\t替换后的词汇2\n ... ... 其中\t代表制表符,对应键盘上的Tab \n...

    MTG Art Newtab-crx插件

    用纸牌游戏《聚会的魔法》中的艺术品替换newtab。 想要一个美丽而又最小的新标签页来充当多元宇宙的窗口吗? 此扩展程序将更改您的新选项卡页面,从而使流行的纸牌游戏“魔术:聚会”中的艺术品显示在后台,而您的新...

    Garden of Words Newtab-crx插件

    用单词花园中的精美电影代替newtab。 想要一个美丽却最小的新标签页来实现吗? 此扩展程序将更改您的新标签页,以使Makoto Shinkai的《言语花园》中的场景可以在后台无缝播放,循环播放电影。 使用方法:1.安装扩展...

    org.eclipse.jface.text_3.9.2.v20141003-1326.jar

    修改Eclipse代码补全"Bug",在按空格、'='和';'时不会补全代码,按enter或tab键可以。适用于eclipse luna4.4.2,核对jar包文件名一致即可。直接用这个jar包替换掉eclipse/plugins文件夹内同名jar包即可。自动补全

    Makoto Shinkai's Newtab-crx插件

    用Makoto Shinkai的一部电影(您的名字,5cm / s,单词花园)中的精美电影代替newtab。 想要一个美丽却最小的新标签页来实现吗? 此扩展程序将更改您的新选项卡页面,以使Makoto Shinkai电影中的场景可以在后台无缝...

    1计算机应用基础知识.doc

    计算机应用基础的答案 1.... Shift+Enter C Shift +Tab D Ctrl+Enter 7.下面无法预防计算机病毒的做法是_________. A 给计算机安装360安全卫士软件B 经常升级防病毒软件C 给计算机加速口令 D 不要轻易打开陌生人的邮件

    蒙古语键盘「Mongolian keyboard」-crx插件

    蒙古语西里尔文键盘 这个工具将帮助你快速准确地写。 由于新闻网站上的常见词汇...>英文开关可以用Control + Alt键盘组合代替。 反馈:bilgeesys@gmail.com 主页:http://bilgee.com 支持语言:English (United States)

Global site tag (gtag.js) - Google Analytics