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.liweiliang.com/741.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属性等。

版权声明:本文为李维亮博主的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:http://www.liweiliang.com/743.html

标签: javascript 键盘事件

评论已关闭