DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> js鍵盤上下左右鍵怎麼觸發function
js鍵盤上下左右鍵怎麼觸發function
編輯:JavaScript綜合知識     

 這篇文章主要是對js鍵盤上下左右鍵怎麼觸發function 進行了詳細的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助

代碼如下: <script type="text/javascript">  function jumpPage() {      if (event.keyCode==37)//左  fun_a();  if (event.keyCode==38)//上  fun_b();  if (event.keyCode==39)//右  fun_c();  if (event.keyCode==40)//下  fun_d();  }          function fun_a(){  window.alert('你按下了左')  }    function fun_b(){  window.alert('你按下了上') }    function fun_c(){  window.alert('你按下了右')  }    function fun_d(){  window.alert('你按下了下')  }  document.onkeydown=jumpPage;   </script>     HTML code  復制代碼 代碼如下: <table width="100%" border="1" cellspacing="1" cellpadding="0" id=table> <tr id="lineone" style="background-color:#00cccc;"> <td id=aa height="23"> </td> <td id=aa >按向下鍵</td> <td id=cc >按向下鍵</td> <td id=dd >按向下鍵</td> <td id=ee >按向下鍵</td> </tr> <tr id="linetwo" tyle="background-color:#ffffff;"> <td id=a height="23"> </td> <td id=b >按向上鍵</td> <td id=c >按向上鍵</td> <td id=d >按向上鍵</td> <td id=e >按向上鍵</td> </tr></table><script language="javascript"> function keyDown(e) { var iekey=event.keyCode; action(iekey); } document.onkeydown = keyDown; function action(iekey) { if(iekey==40) { lineone.style.backgroundColor = ""; linetwo.style.backgroundColor = "#00cccc"; } if(iekey==38) { lineone.style.backgroundColor = "#00cccc"; linetwo.style.backgroundColor = ""; } } </script><input name="id" type="hidden" id="id" value    
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved