码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript 键盘事件

时间:2016-06-04 00:33:56      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

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

Javascript 键盘事件

标签:

原文地址:http://www.cnblogs.com/yes-V-can/p/5557945.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!