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

js监控键盘 设置快捷键方法

2016-02-01 17:22 513 查看
由于开发webAPP 里有涉及到快捷键 操作窗口的问题,类似微信 快捷键等

1、 检测按键并显示到弹出窗

2、点击确定使 快捷键生效

首先贴上 检测按键事件、按下Ctrl、Shite、Alt 和不允许设置的按键时,显示无效 也就是不能设置

var keystring = "";//记录按键的字符串

// 判断 允许的快捷键
function showKeyName(e)
{
var keyName;

var keyValue=[];
if(e.ctrlKey) keyValue.push("Ctrl");
if(e.altKey) keyValue.push("Alt");
if(e.shiftKey) keyValue.push("Shift");
var keyCodeMap={"48":"0","49":"1","50":"2","51":"3","52":"4","53":"5","54":"6","55":"7","56":"8","57":"9","65":"A","66":"B","67":"C","68":"D","69":"E","70":"F","71":"G","72":"H","73":"I","74":"J","75":"K","76":"L","77":"M","78":"N","79":"O","80":"P","81":"Q","82":"R","83":"S","84":"T","85":"U","86":"V","87":"W","88":"X","89":"Y","90":"Z"};
if(keyCodeMap[e.keyCode]){
keyValue.push(keyCodeMap[e.keyCode]);
}else{
return "无";
}
keyName = keyValue.join("+");
if(e.keyCode >15 && e.keyCode<19){
return "无";
}

return keyName;

}


返回 keyName 然后把这个函数 直接绑定到要用的事件即可,通用!

下一篇介绍node-webkit 开发模仿客户端程序的一些笔记和心得,虽说研究新东西很辛苦,压力大,文档少,英文吃力,但确实学到了新东西,而且心态不是一个境界,还是再接再厉吧,趁现在还能跑的动,脑子还有脑细胞。共勉!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: