js鍵盤(pán)上下左右鍵怎么觸發(fā)function(實(shí)例講解)
<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實(shí)現(xiàn)網(wǎng)頁(yè)鍵盤(pán)控制翻頁(yè)的方法
- Js之軟鍵盤(pán)實(shí)現(xiàn)(js源碼)
- JS模擬鍵盤(pán)打字效果的方法
- JS實(shí)現(xiàn)獲取鍵盤(pán)按下的按鍵并顯示在頁(yè)面上的方法
- js實(shí)現(xiàn)鍵盤(pán)Enter鍵提交表單的方法
- js實(shí)現(xiàn)鍵盤(pán)上下左右鍵選擇文字并顯示在文本框的方法
- 原生js制作簡(jiǎn)單的數(shù)字鍵盤(pán)
- js實(shí)現(xiàn)鍵盤(pán)控制DIV移動(dòng)的方法
- js監(jiān)聽(tīng)鼠標(biāo)點(diǎn)擊和鍵盤(pán)點(diǎn)擊事件并自動(dòng)跳轉(zhuǎn)頁(yè)面
- js 綁定鍵盤(pán)鼠標(biāo)事件示例代碼
- 利用JS來(lái)控制鍵盤(pán)的上下左右鍵(示例代碼)
- JS實(shí)現(xiàn)自定義簡(jiǎn)單網(wǎng)頁(yè)軟鍵盤(pán)效果代碼
相關(guān)文章
自己封裝的javascript事件隊(duì)列函數(shù)版
這篇文章主要介紹了自己封裝的javascript事件隊(duì)列函數(shù)版,兼容了大部份瀏覽器,需要的朋友可以參考下2014-06-06LBS blog sql注射漏洞[All version]-官方已有補(bǔ)丁
LBS blog sql注射漏洞[All version]-官方已有補(bǔ)丁...2007-08-08JS函數(shù)驗(yàn)證總結(jié)(方便js客戶端輸入驗(yàn)證)
JS函數(shù)驗(yàn)證總結(jié),都是一些基礎(chǔ)的東西,現(xiàn)在比較流行jquery了,不過(guò)這些東西仍然需要大家會(huì)。2010-10-10JavaScript中使用typeof運(yùn)算符需要注意的幾個(gè)坑
這篇文章主要介紹了JavaScript中使用typeof運(yùn)算符需要注意的幾個(gè)坑,本文總結(jié)了4個(gè)使用typeof運(yùn)算符要注意的問(wèn)題,需要的朋友可以參考下2014-11-11JavaScript計(jì)算字符串中特定字符出現(xiàn)次數(shù)的實(shí)例詳解
在JavaScript編程中,經(jīng)常會(huì)遇到需要計(jì)算字符串中特定字符出現(xiàn)次數(shù)的情況,在本文中,我將分享兩個(gè)簡(jiǎn)單的JavaScript函數(shù),用于計(jì)算字符串中特定字符出現(xiàn)的次數(shù),需要的朋友可以參考下2023-11-11微信小程序?qū)崿F(xiàn)批量倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)批量倒計(jì)時(shí)功能,適用于商品列表倒計(jì)時(shí),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-06-06淺析BootStrap模態(tài)框的使用(經(jīng)典)
Bootstrap Modals(模態(tài)框)是使用定制的 Jquery 插件創(chuàng)建的。本文給大家介紹BootStrap模態(tài)框的使用,感興趣的朋友一起學(xué)習(xí)吧2016-04-04