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