键盘控制事件应用教程大全

2019-06-03 15:43:15于丽


   function keyDown(e) { 
  if (ns4) { 
   var nKey=e.which; 
   var ieKey=0 
  } 
  if (ie4) { 
   var ieKey=event.keyCode; 
   var nKey=0 
  } 
  alert("nKey:"+nKey+" ieKey:" + ieKey) 

document.onkeydown = keyDown 
if (ns4) document.captureEvents(Event.KEYDOWN) 

   使用键盘移动对象 

   下面的程序实现用键盘移动对象,程序将检查哪一个键被按下,从而调用相应的函数来移动对象。本例中,当字母“A”被按下时,对象就开始移动,字母“A”键在nKey中的值是97,ieKey的值为65,在程序中将分别检查这两个值。 

   function init() { 
  if (ns4) block = document.blockDiv 
  if (ie4) block = blockDiv.style 
  block.xpos = parseInt(block.left) 
  document.onkeydown = keyDown 
  if (ns4) document.captureEvents(Event.KEYDOWN) 

function keyDown(e) { 
  if (ns4) { var nKey=e.which; var ieKey=0 } 
  if (ie4) { var ieKey=event.keyCode; var nKey=0 } 
  if (nKey==97 || ieKey==65) { // 如果"A"键按下 
    slide() 
  } 

function slide() { 
  block.xpos += 5 
  block.left = block.xpos 
  status = block.xpos // 这一句不一定需要,只是为了检查状态 
  setTimeout("slide()",30) 


   增加 "Active"变量 

   上面程序稍微有些不足,对象移动以后就无法使它停止了,而且当你多按几次A键时,物体将运动得越来越快,这里我们来修补它。 

   使用变量"active"来改变这种情况,插入if语句来检查函数是否重复。 

   function slide() { 
  if (myobj.active) { 
  myobj.xpos += 5 
  myojb.left = myobj.xpos 
  setTimeout("slide()",30) 
  } 


   在这种情况中,slide()函数只有在myobj.active值为真的时候才会工作,当myobj.active值为假时,对象将停止移动。 

   使用 onKeyUp 和 "Active" 变量 

   onkeyup事件和onkeydown事件工作原理相同,用以下语句初始化该事件: 

   document.onkeydown = keyDown 
document.onkeyup = keyUp