day-16.7 BOM键盘事件(ev)传值判断按键;

BOM的键盘事件是可以借助操作系统的键盘驱动去读取键盘按键的值,通过事件函数的ev参数传进来的,

通过传进来的参数,我们可以去判断用户按的是哪个按键,从而做一些有趣的操作;

1 document.onkeydown = function (ev){
2   console.log(ev);  
3 }

通过console.log我们可以看到我们按什么键,他会对应传进来什么值,我这里按的是D键,在传进来的ev参数里,

我们主要关注下面这几个值就行了,这些值判断了我们按的是什么键,用的什么方式;

key:"d";

code:"keyD";

keycode:"68"; 68是D键的键值,键盘上所有按键都有对应的键值,除了截屏键,截屏键有键值,但是BOM里面并没有设置该键的响应;

type:"keydown";

witch:"68";

一般前端开发中都喜欢用witch值去判断,因为witch属性除了能存储键盘的keycode值之外,还能存储鼠标的按键值,而keycode不能存储鼠标的值;

但是有一个缺点是ie8以下没有witch,所以当考虑IE8的时候只能用keycode,(event.keycode);

键值表:

 

posted @ 2018-07-31 11:43  bibiguo  阅读(510)  评论(0)    收藏  举报