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

Tab键统制页面中元素获取焦点顺序

2012-11-10 
Tab键控制页面中元素获取焦点顺序修改默认Tab键按键触发,界面元素获取焦点的顺序此方法可以用来任意控制一

Tab键控制页面中元素获取焦点顺序

修改默认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]);}});

热点排行