JS——事件详情(键盘事件:keyCodectrlKey...)

Posted ytraister

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS——事件详情(键盘事件:keyCodectrlKey...)相关的知识,希望对你有一定的参考价值。

键盘事件

1》keyCode

  1)keyCode方法——即:获取用户按下键盘所对应的键值

  2)案例:键盘控制div移动

案例代码如下图:

技术图片

 

2》其他属性

  1)ctrlKey、shiftKey、altKey(这三个的用法相同)

用法:ctrlKey 事件属性可返回一个布尔值,指示当事件发生时,Ctrl 键是否被按下并保持住。若点击了ctrl键,则为true;反之则为false;

但,需要注意的是:alt键,因为是关联到计算机系统 本身的按键,所以建议少用altKey这个方法。

  2)案例:提交留言

案例代码如下图:

技术图片

 

以上是关于JS——事件详情(键盘事件:keyCodectrlKey...)的主要内容,如果未能解决你的问题,请参考以下文章

js键盘事件,判断按下的是哪个键

JS——事件详情(鼠标事件)

js 键盘上Tab键,进行切换焦点时,这个事件执行的是哪个方法

js键盘事件和焦点事件

如何用js或jquery实现点击事件触发键盘

用js怎么写一个回车键盘事件