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

admin管理员组

文章数量:1130349

由于开发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 开发模仿客户端程序的一些笔记和心得，虽说研究新东西很辛苦，压力大，文档少，英文吃力，但确实学到了新东西，而且心态不是一个境界，还是再接再厉吧，趁现在还能跑的动，脑子还有脑细胞。共勉！

由于开发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 开发模仿客户端程序的一些笔记和心得，虽说研究新东西很辛苦，压力大，文档少，英文吃力，但确实学到了新东西，而且心态不是一个境界，还是再接再厉吧，趁现在还能跑的动，脑子还有脑细胞。共勉！

本文标签： 快捷键键盘方法JS