Javascript 键盘事件

Posted 2020-07-20 houzw

  window.document.onkeydown = function (e) {
           var evt = window.event || e;//兼容性处理
            var keycode = evt.keyCode;
             switch (keycode) {
                  case 37://左
                          pgwSlideshow.previousSlide();
                          break;
                    case 39://右
                           pgwSlideshow.nextSlide();
                           break;
                    }
                };                  

javascript的键盘事件

keyCode 37 为左方向键，38为上，39为右，40为下

相关键值可以参照 http://www.cnblogs.com/hsapphire/archive/2009/12/16/1625642.html

-------------------------------------------------分割线-----------------------------------------------------

一下参照http://www.jb51.net/article/44654.htm中的部分内容：

document.onkeyup =function (e) { 
　　 　 var currKey=0,e=e||event; 
　　 　 currKey=e.keyCode||e.which||e.charCode; 
　　 　　var keyName = String.fromCharCode(currKey); 
　　 　 console.log("按键码: " + currKey + " 字符: " + keyName); 
 } 

上面这种方法比较巧妙，简单地解释一下： 
首先，e=e||event;这句代码是为了进行浏览器事件对象获取的兼容。js中这句代码的意思是，如果在FireFox或Opera中，隐藏的变量e是存在的，那么e||event返回e，如果在IE中，隐藏变量e是不存在，则返回event。 
其次，currKey=e.keyCode||e.which||e.charCode;这句是为了兼容浏览器按键事件对象的按键码属性（详见第三部分），如IE中，只有keyCode属性，而FireFox中有which和charCode属性，Opera中有keyCode和which属性等。