zoukankan      html  css  js  c++  java
  • Javascript 键盘事件

      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属性等。

  • 相关阅读:
    Wannafly挑战赛9
    acm之图论基础
    Codeforces Round #459 (Div. 2)
    Codeforces Round #460 (Div. 2)
    浙南联合训练赛20180129
    AtCoder Regular Contest 090
    牛客练习赛11
    2018年1月26日天梯赛练习1
    csa Round #66 (Div. 2 only)
    EOJ Monthly 2018.1
  • 原文地址:https://www.cnblogs.com/yes-V-can/p/5557945.html
Copyright © 2011-2022 走看看