用Enter代替Tab

最新推荐文章于 2017-05-10 11:23:16 发布

iteye_289

最新推荐文章于 2017-05-10 11:23:16 发布

阅读量317

点赞数

分类专栏： extjs 文章标签： EXT JavaScript Blog HTML ViewUI

本文链接：https://blog.csdn.net/iteye_289/article/details/81819153

版权

extjs 专栏收录该内容

5 篇文章

订阅专栏

转自：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); // 頁面加載完成後添加表單導航