首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 其他相关 >

用Enter顶替Tab

2012-11-03 
用Enter代替Tab转自:http://hi.baidu.com/_ollie/blog/item/9722df133d3d26d8f7039e95.htmlExtJs中實現Ent

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

热点排行