学科分类
目录
JavaScript网页编程

键盘事件对象

键盘事件也有相应的键盘事件对象KeyBoardEvent,该对象是跟键盘事件相关的一系列信息的集合。根据键盘事件对象中的keyCode属性可以得到相应的ASCII码值,进而可以判断用户按下了哪个键。

​ 为了让大家更好地理解键盘事件的使用,下面我们通过案例的形式进行展示。检测用户是否按下了s键,如果按下s 键,就把光标定位到搜索框里面,示例代码如下。

 1  <body>

 2   <input type="text">

 3   <script>

 4    var search = document.querySelector('input');

 5    document.addEventListener('keyup', function (e) {

 6     if (e.keyCode === 83) {

 7      search.focus();

 8     }

 9    });

 10  </script>

 11 </body>

上述代码中,第5行代码绑定了鼠标弹起事件,当输入完毕后再进行检测。第6~8行代码使用键盘事件对象里面的keyCode 判断用户按下的是否是s键,如果是,则让搜索框获取焦点,帮助用户进行输入。

点击此处
隐藏目录