js鍵盤上下左右鍵怎么觸發(fā)function(實例講解)
更新時間：2013年12月14日 09:16:01 作者：
這篇文章主要是對js鍵盤上下左右鍵怎么觸發(fā)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
相關文章
本文主要介紹了使用js獲取隱藏元素寬高的解決方案以及代碼思路，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要給大家介紹了關于js添加元素的簡單方式,文中通過代碼示例將每種實現(xiàn)的方法都介紹的非常詳細,對大家學習或者使用js具有一定的參考借鑒價值,需要的朋友可以參考下2023-10-10
layui自定義驗證,用ajax查詢后臺是否有重復數(shù)據(jù),form.verify的例子
今天小編就為大家分享一篇layui自定義驗證,用ajax查詢后臺是否有重復數(shù)據(jù),form.verify的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JavaScript中運算符與數(shù)組擴展方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習吧2022-11-11
JavaScript代碼實現(xiàn)禁止右鍵、禁選擇、禁粘貼、禁shift、禁ctrl、禁alt
這篇文章主要介紹了JavaScript代碼實現(xiàn)禁止右鍵、禁選擇、禁粘貼、禁shift、禁ctrl、禁alt,需要的朋友可以參考下2015-11-11
javascript如何計算數(shù)組中某值的出現(xiàn)次數(shù)
這篇文章主要介紹了javascript如何計算數(shù)組中某值的出現(xiàn)次數(shù)問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
使用ImageMagick進行圖片縮放、合成與裁剪(js+python)
由于需要在服務器端處理，使用就研究使用imagemagick來進行。同時準備封裝了一個Node.js和Python的方法，主要還是講一下然后使用imagemagick來對圖片進行縮放、合成后進行裁剪吧2013-09-09
這篇文章主要為大家詳細介紹了原生JS生成九宮格，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
TypeScript開發(fā)中規(guī)范編碼來提高代碼的可讀性
在TypeScript中,我們通過使用類型別名reference指令、類型守衛(wèi)、泛型、接口、類型別名等來提高代碼的可維護性以及可讀性,這篇文章主要介紹了TypeScript開發(fā)中規(guī)范編碼來提高代碼的可讀性,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了js循環(huán)li添加點擊事件 （閉包的應用）的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-12-12