站长学堂
你的位置: 中国个人站长站 -- 站长学堂 -- 网页制作 -- HTML/CSS教程 -- 文章正文 键盘控制对象
推荐位

键盘控制对象

中国个人站长站 HTML/CSS教程 点击数: 更新时间:2004-10-29 9:30:46
键盘控制对象

  本节我们将讲一下键盘控制对象移动的例子。
  在前面讲过的使对象移动的例子,如果能用键盘来控制,将会大大加强您和电脑之
间的交互性。那么键盘控制怎么实现呢?
  这需要涉及到事件问题。也就是说需要有一个键盘控制事件来激发键盘按下和松开的状态。这里用到的是“keydown”事件,这个事件的书写格式是这样的:

  document.onkeydow=keydown

  上面语句中的keydown是一个子程序,也就是说当您的浏览器读到这个子程序时,它就会知道您按下了哪一个键,从而作出相应的反应。我们下面来看一个例子:

  

  请按任意键

  当您按下任意键时,弹出了一个窗口,告诉您按下的是哪一个键,并且告诉您该键的内码是多少。实现这种键盘控制的代码如下:

  <html>
  <head>
  <script language="javascript">
  <!--
  function keyDown() {
  var keycode = event.keyCode
  var realkey = String.fromCharCode(event.keyCode)
  alert("keycode: " + keycode + "\nrealkey: " + realkey) }
  document.onkeydown = keyDown
   //--> </script>
  //*子程序*//</head>
  <body>
  <p class="p2">请按任意键</p> </body>
  </html>

  上面的这个例子很简单是一个很简单的例子,链接,在这里您可以看到键盘控制图片移动的例子,链接 您可以看到另外一种形式的移动。

  好了,本节就讲到这里,下一节将向您介绍鼠标点击控制的例子。

佚名 文章录入:humianzhizhou    责任编辑:swh 
个人站长站与你风雨同舟!
本站所提供的资源均来源于互联网,如有侵权行为,请与本站管理员联系,我们会第一时间删除!
·如果您发现《键盘控制对象》文章有错误,也请通知我们修改!
联系邮箱chinageren#126.com,谢谢支持!
站内搜索:
广告服务 | 友情链接 | 联系我们 | 免责声明 | 用户留言 | 网站导航
版权所有:中国个人站长站 2007-2008 未经授权禁止复制或建立镜像 客服QQ号:112731235
copyright © 2007-2008 www.ChinaGeRen.com online services. all rights reserved. 苏ICP备05000059号