利用JS來控制鍵盤的上下左右鍵
主要介紹了利用JS來控制鍵盤的'上下左右鍵示例程式碼。需要的朋友可以過來參考下,希望對大家有所幫助
這是一個JS初級程式碼,想學JS的朋友,可以研究下或者擴充套件下,最好能用JS實現整個鍵盤的控制,那感覺就很有意思了。
具體程式碼如下:
程式碼如下:
<style>
light{background:#08246B;color:white;}
</style>
<table border="1" width="70%" id="ice">
<tr>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
</tr>
<tr>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
</tr>
<tr>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
</tr>
<tr>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
</tr>
<tr>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
</tr>
</table>
<script language="javascript">
<!--
//定義初始化行列
var currentLine=-1;
var currentCol=-1;
ydown=function(e){
e=t||e;
switch(ode){
case 37: //左鍵
currentCol--;
changeItem();
break;
case 38: //向上鍵
currentLine--;
changeItem();
break;
case 39: //右鍵
currentCol++;
changeItem();
break;
case 40: //向下鍵
currentLine++;
changeItem();
break;
default:
break;
}
}
//方向鍵呼叫
function changeItem(){
if()
var it=lementByIdx_x("ice")dren[0];
else
var it=lementByIdx_x("ice");
for(i=0;i<th;i++){
[i]sName="";
}
if(currentLine<0){
currentLine=th-1;
}
if(currentLine==th){
currentLine=0;
}
var objtab=;
var objrow=[currentLine]lementsByTagName_r("INPUT");
if(currentCol<0){
currentCol=th-1;
}else if(currentCol==th){
currentCol=0;
}
objrow[currentCol]ct();
//除錯使用
[currentLine]sName="highlight";
}
//-->
</script>
相關文章
-
鍵盤右邊的數字鍵不能用什麼原因
平時我們可能在使用鍵盤的時候,想要按鍵盤右邊的數字鍵卻用不了,這個時候要怎麼辦呢?以下僅供參考!原因一隨著作業系統的升級,預設情況下Num Lock燈不亮的話是無法使用數字小鍵盤的。解決方法:首先要排除連線問題。你可以 -
電腦鍵盤space鍵的作用
space是哪個鍵?space鍵在鍵盤的哪裡?space鍵有什麼作用?下面就一起來了解看看吧!space鍵就是空格鍵。原來老的鍵盤space鍵都有標註的,隨著space慢慢被空格鍵的中文說法所代替,而忽略space鍵的英文(可能也就一些技術類的快 -
機械鍵盤與薄膜鍵盤鍵盤的區別
機械鍵盤與薄膜鍵盤鍵盤的區別在哪呢?下面讓我們來看看吧,希望能夠幫到你。1、普通鍵盤是指薄膜鍵盤,與機械鍵盤是完全不同的,最大的特點是其獨特的手感、多鍵無衝突和超長的壽命,機械鍵盤的觸發單元是軸,而普通鍵盤則是靠 -
鍵盤上的鍵都有哪些用途
用簡單的創作手法,製作一款精美的布藝口金包,簡單易學,款式精緻,注意配色和針法主要材料:印花布料 表面個兩片里布 兩片印花側布 兩片側面里布 兩片皮質心形裝飾 一個口金包 一個鋪棉 大小個四個所需工具:針 -
鍵盤上的fn鍵有什麼作用
很多剛剛開始接觸筆記本的朋友都很奇怪:鍵盤上的fn是什麼鍵,按著也沒反應,它是用來幹什麼的呢?下面就一起來了解看看吧!筆記本鍵盤上的fn鍵一般位於鍵盤的左下角,它是需要配合其它按鍵一起來使用的,使用fn配合其它按鍵可以 -
鍵盤的shift鍵失靈怎麼辦
很多朋友在使用鍵盤的時候,都會有出現過shift鍵失靈的情況,鍵盤的shift鍵失靈怎麼辦?下面是小編為大家整理的鍵盤的shift鍵失靈解決方法,歡迎參考~方法1、如果您有外接USB鍵盤,您可以連線後測試USB鍵盤上的SHIFT鍵是否可以 -
Java程式設計中this關鍵字與super關鍵字的使用方法
和樓下養喜鵲的人家討來了幾根小羽毛,效果意外的驚喜主要材料:水晶滴膠AB 膠寶石片羽毛所需工具:塑料杯鑷子剪刀刀片製作步驟:第1步:和樓下人家討來的喜鵲羽毛,別的羽毛也可以第2步:寶石片倒扣第3步:先滴一點滴膠,然後鑷子鋪上 -
鍵盤shift鍵失靈怎麼辦
很多朋友在使用鍵盤的時候,都會有出現過shift鍵失靈的情況。下面是小編為大家帶來的'鍵盤shift鍵失靈怎麼辦的知識,歡迎閱讀。 shift鍵失靈怎麼辦方法1、如果您有外接USB鍵盤,您可以連線後測試USB鍵盤上的SHIFT鍵是否 -
CAD工程製圖鍵盤快捷鍵大全
工程製圖是一個工程技術中的一個重要過程。下面是小編整理的CAD工程製圖鍵盤快捷鍵,希望對大家有幫助!(一) 、26個字母A:圓弧 B:定義塊 C:圓D:標註樣式 E:刪除 F:圓角G:編組 H:圖案填充 I:插入塊L:直線 M:移動 O:偏移P:時實平移 R:刷 -
筆記本shift鍵失靈與鍵盤的維護
一些使用者在使用膝上型電腦的時候,可能會碰到筆記本shift失靈的狀況,這就需要平時多關注這方面的內容了,從而在碰到此類問題時才能從容地應對。下面給大家介紹筆記本shift鍵失靈與鍵盤的維護,歡迎閱讀! 筆記本shift鍵失