您的位置: 主页>机器人编程>Javascript编程>《javascript-少儿编程》第15章用键盘控制动画之
加盟酷吧机器人 培养孩子核心能力

《javascript-少儿编程》第15章用键盘控制动画之

  现在,添加一些响应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键呢?每一个数字键和字母键也都有自己的键代码。

欧美思机器人教育加盟 赚钱好项目
上一篇:《javascript-少儿编程》第15章用键盘控制动画之用
下一篇:《javascript-少儿编程》第15章用键盘控制动画之建
您可能喜欢
回到顶部