键盘事件

键盘事件

键盘事件:
onkeydown 按键被按下
onkeyup 按键被松开
键盘事件一般都会绑定给一些可以获取到焦点的对象

  • 对于onkeydown来说如果一直按着某个按键不松手, 则事件会一直触发
    当onkeydown连续触发时,第一次和第二次之 间会间隔稍微长一点, 其他的会非常的快
    这种设计是为了防止误操作的发生。

可以通过keyCode来获取按键的编码
通过它可以判断哪个按键被按下

document.onkeydown = function(event){
event = event||window.event;
    //console.log(event.keyCode);
if(event.keyCode === 89){
    console.1og("y被按下了");
}

除了keyCode,事件对象中还提供了几个属性
altKey alt键
ctrlKey ctrl键
shiftKey shift键

//获取input
var input = document.getElementsByTagName("input")[0];
input.onkeydown = function(event){
   event = event||windows.event;
console.1og( "按键被按下了");
//在文本框中输入内容,属于onkeydown的默认行为
//如果在onkeydown中取消了默认行为,则输入的内容,不会出现在文本框中
return false;
};

posted @ 2022-02-10 16:37  苏槿年  阅读(55)  评论(0编辑  收藏  举报