您的位置:首页 > Web前端 > JavaScript

js添加键盘是快捷键总结

2015-07-24 10:44 701 查看
//键盘事件
$scope.keyCheck = function(){
//开发测试
console.log(window.event.keyCode);
//开发测试
var firstcheck=$("#"+tableuniqueflag+"2").hasClass("checktrcolor");
var ischecktr=$("#table"+tableuniqueflag+"").find(".checktrcolor");

//向上方向键
if (window.event.keyCode==38) {
if(ischecktr.length!=0){
var checkrowid=$("#table"+tableuniqueflag+"").find(".checktrcolor").attr("id");
if(parseInt(checkrowid.substring(tableuniqueflaglen))!=2){
var nextcheckrowid= parseInt(checkrowid.substring(tableuniqueflaglen))-1;
$("#"+tableuniqueflag+nextcheckrowid).parent().children().removeClass("checktrcolor");
$("#"+tableuniqueflag+nextcheckrowid).addClass("checktrcolor");
}
}
}
//向下方向键
if (window.event.keyCode== 40){
if(ischecktr.length!=0){
var checkrowid=$("#table"+tableuniqueflag+"").find(".checktrcolor").attr("id");
if(parseInt(checkrowid.substring(tableuniqueflaglen))!=rows){
var nextcheckrowid= parseInt(checkrowid.substring(tableuniqueflaglen))+1;
$("#"+tableuniqueflag+nextcheckrowid).parent().children().removeClass("checktrcolor");
$("#"+tableuniqueflag+nextcheckrowid).addClass("checktrcolor");
}
}else if(!firstcheck){
$("#"+tableuniqueflag+"2").addClass("checktrcolor")
}
}
//回车键
if (window.event.keyCode== 13||window.event.keyCode==9){
var checkrowid=$("#table"+tableuniqueflag+"").find(".checktrcolor").attr("id");
var tridcheck=parseInt(checkrowid.substring(tableuniqueflaglen));
if(ischecktr.length!=0){
$scope.selectRow(tridcheck);
}
}
//ESC
if(window.event.keyCode==27){
$("#"+tablediv).css('display','none');
}
//PageUp PageDown
if(window.event.keyCode==33){
console.log("pageUp...");
var currentPage =$("#"+tableid).find("#currentPage").text();
var countPage	=$("#"+tableid).find("#countPage").text();
var currentPagenum=currentPage.replace(/[^0-9]/ig,"");
var countPagenum=countPage.replace(/[^0-9]/ig,"");
if(parseInt(currentPagenum)<parseInt(countPagenum)){
//当前页<总页数
$scope.queryCenterReimbursData(keyword,tablequerycols,(parseInt(currentPagenum)+1));
}

}else if(window.event.keyCode==34){
var currentPage =$("#"+tableid).find("#currentPage").text();
var countPage	=$("#"+tableid).find("#countPage").text();
var currentPagenum=currentPage.replace(/[^0-9]/ig,"");
var countPagenum=countPage.replace(/[^0-9]/ig,"");
if(parseInt(currentPagenum)>1){
//当前页>1
$scope.queryCenterReimbursData(keyword,tablequerycols,(parseInt(currentPagenum)-1));
}
}
}


keydown可用于添加快捷键。

keyup可以用于实时查询、校验数据。

上一文章修改的input

<input type="text"	id=inputable'+""+tableuniqueflag+'	name=""	value=""
ng-keydown="keyCheck();" ng-keyup="showtabledivcr();"
ng-focus="focusshowtabledivcr($event);"	ng-blur="closewin($event);" ></input>


$scope.showtablediv= function (){
...略
//方向键和回车键不触发,防止选中之后重新触发创建表格函数
if(keycode=="37"||keycode=="38"||keycode=="39"||keycode=="40"||keycode=="13"){
return;
}
...略
$scope.createMyTable(rows,cells);
...略
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: