Javascript 键盘事件

放肆的年华 提交于 2020-03-04 13:40:36
  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属性等。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!