您的位置:首页 > 产品设计 > UI/UE

easyui中方向键、tab键、回车键

2016-01-07 18:16 681 查看
1.html中

function changeTab(event, i) {
var keyCode = event.keyCode;
var inputs = jQuery("#table :input"); // 获取表单中的所有输入框
var idx = inputs.index(i);
if (inputs.length < 4) {
return false;
}
if(idx >= inputs.length - 3){
switch (keyCode) {
case 38:        //↑
inputs[idx - 3].focus(); // 设置焦点
inputs[idx - 3].select(); // 选中
break;
default:
break;
}
}else if(idx < 3){
switch (keyCode) {
case 13:     //回车键
inputs[idx + 3].focus(); // 设置焦点
inputs[idx + 3].select(); // 选中
break;
case 40:        //↓
inputs[idx + 3].focus(); // 设置焦点
inputs[idx + 3].select(); // 选中
break;
default:
break;
}
}else{
switch (keyCode) {
case 13:      //回车键
inputs[idx + 3].focus(); // 设置焦点
inputs[idx + 3].select(); // 选中
break;
case 37:        //←
inputs[idx - 1].focus(); // 设置焦点
inputs[idx - 1].select(); // 选中
break;
case 38:        //↑
inputs[idx - 3].focus(); // 设置焦点
inputs[idx - 3].select(); // 选中
break;
case 39:        //→
inputs[idx +1].focus(); // 设置焦点
inputs[idx +1].select(); // 选中
break;
case 40:        //↓
inputs[idx + 3].focus(); // 设置焦点
inputs[idx + 3].select(); // 选中
break;
default:
break;
}
}
return true;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: