键盘事件对象
键盘事件也有相应的键盘事件对象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键,如果是,则让搜索框获取焦点,帮助用户进行输入。