现在,添加一些响应keydown事件的JavaScript代码,在keyboard.html文件中的空的标签中,输入这段代码:
$("body").keydown(function (event) {
console.log(event.keyCode);
});
在第一行代码中,使用jQuery $方法来选择HTML中的body元素,然后,调用keydown方法。Keydown方法的参数是一个函数,当一个按键按下的时候,将会调用该函数。Keydown事件的相关信息,通过event对象传入到了函数中。对于这个程序,我们想要知道按下了哪一个键,并且该信息作为event.keyCode存储到了event对象中。
在该函数中,使用console.log输出了event对象的event.keyCode属性:这是表示按下的键的一个数字。键盘上的每个键都有一个唯一的键代码。例如,空格键的键代码是32,向左箭头的键代码是37.
编辑完成了keyboard.html文件,保存并在在浏览器中打开它。现在,打开控制台就能够看到输出,并且在主浏览器窗口中单击让JavaScript注册按键按下。现在,如果你开始按下按键,相应的键代码会输出到控制台。
例如,如果输入Hi there,应该会在控制台中看到如下的输出:
72
73
32
84
72
69
82
69
按下的每个按键都有一个不同的键代码。H键的代码是72,1键代码是73,以此类推。
试试看
按下不同的键,看看它们的键代码。向上箭头、向下箭头、向左箭头和向右箭头键的键代码是多少?Shift键和Enter键呢?每一个数字键和字母键也都有自己的键代码。
本站内容未经许可,禁止任何网站及个人进行转载。