Javascript 键盘事件

李维亮

发布于 2021-07-09 10:42:48

1.1K0

发布于 2021-07-09 10:42:48

文章被收录于专栏：李维亮的博客

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2016-11-16，如有侵权请联系 cloudcommunity@tencent.com 删除

http