修改默认Tab键按键触发,界面元素获取焦点的顺序
此方法可以用来任意控制一个元素的下一个元素
通过给元素设置tabIndex属性则只能做到先后顺序,而不可以设置下一个获取焦点的元素
例如:
$('loginuser.loginCode').tabIndex = 10;
$('loginuser.password').tabIndex = 20;
$('btnLogin').tabIndex = 30;
这样不能指定btnLogin元素的下一个元素为loginuser.loginCode
主要用于需要固定范围圈的Tab事件处理
var TabOrder = [{id: 'loginuser.loginCode', nextFocus: 'loginuser.password'},
{id: 'loginuser.password', nextFocus: 'btnLogin'},
{id: 'btnLogin', nextFocus: 'loginuser.loginCode'}];
Page.onKeyDown(function(){
for(var i=0;i<TabOrder.length;i++) {
$(TabOrder[i].nextFocus).toFocus = event.srcElement.id == TabOrder[i].id && event.keyCode==9;
}
});
Page.onLoad(function(){
for(var i=0;i<TabOrder.length;i++) {
(function(orderObj){
addEvent($(orderObj.id),"blur",function(){
if($(orderObj.nextFocus).toFocus===true){
$(orderObj.nextFocus).focus();
}
})
})(TabOrder[i]);
}
});