您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

JavaScript键盘事件及案列

在网页设计过程中键盘事件的作用非常的强大,也是经常使用的一个事件

键盘事件有三个:

  1. Keydown当按钮被按下时,发生 keydown 事件。
  2. 2Keypress事件与 keydown 事件类似。当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上。

3keyup当按钮被松开时,发生 keyup 事件。

 

键码

然而键盘事件所对对应的每一个按键都有自己的键盘码,只有通过键盘事件和键盘码的使用才能实现。

       

通过案列我们可以更客观的看到键盘事件的使用

下面案列使用keyCode的方法我们来控制网页中一张小图片的上下左右的移动。

首先第一步

先设置它的css样式,给它一个宽高,背景图片和图片一个大小自适应,以及上左的像素。

 

 

第二步

Js部分才是最关键的部分,核心就在键盘事件通过键盘码赋予背景图片一个上下左右移动

 

案列的网页实现如下

 


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进