js 鍵盤控制表格input上下左右移動
var currentLine= 0;
var currentCol=0;
function keyDown(obj){
var _row = obj.parentNode;
currentCol = _row.cellIndex;
currentLine = _row.parentNode.rowIndex;
e=window.event||e;
switch(e.keyCode){
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(document.all)
var it=document.getElementByIdx("specificationsTable").children[0];
else
var it=document.getElementById("specificationsTable");
if(currentLine<0){
currentLine=it.rows.length-1;
}
if(currentLine==it.rows.length){
currentLine=0;
}
var objtab=document.all.specificationsTable;
var objrow=objtab.rows[currentLine].getElementsByTagName("INPUT");
if(currentCol<0){
currentCol=objrow.length-1;
}else if(currentCol==objrow.length){
currentCol=0;
}
objrow[currentCol].select();
}
</script>
相關推薦
js 鍵盤控制表格input上下左右移動
//初始化獲取的行列 var currentLine= 0; var currentCol=0; function keyDown(obj){ var _row = obj.parentNode; currentCol = _row.cellIndex; currentLine = _
js鍵盤控制div移動,解決停頓問題
版本 pan 原因 idt win jin false top val 問題版本代碼如下: 1 <html> 2 <head> 3 <title>鍵盤控制div移動</title> 4 <meta charse
js canvas遊戲初級demo-上下左右移動
xxd cal jbd ket agg vlt max cfs lvds 大概流程就是監聽狀態變化擦除畫布重繪 由於js監聽時間變化的函數addEventListener只能達到每秒觸發20次左右,也就是每秒20幀,看起來有點卡卡的 所以用定時器搞到每秒30幀 按上下左右
js鍵盤方向鍵實現盒子移動
<html> <head> <meta charset="utf-8" /> <style type="text/css"> div{ width:100px;
Android使用鍵盤控制小飛機的移動
使用安卓虛擬按鍵控制小飛機的移動小demo 小飛機的View public class plain extends View{ public float x; 這是定義的飛
Js事件案例——上下左右鍵盤控制div移動
描述: div通過鍵盤事件上下左右實現div塊的移動 效果: 實現: js: var Method=(function () { return { EVENT_ID:"event_id", lo
JS上下左右鍵盤控制圖片移動
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />&l
js實現鍵盤控制移動div
簡單原理: 獲取鍵盤keyCode,按一定規則改變指定div的邊距實現控制指定div的移動。需注意的是要考慮div的溢位問題,要編寫函式限制移動範圍。 實現效果: 使用者通過鍵盤的指定鍵指定div在web頁面內移動。 程式碼塊 html程式碼 &
JS控制HTML表格行上下移動
[b]補充一下:[/b]重新調整了CSS和JS的瀏覽器相容,希望大家多多指教,ThankYou!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xht
js 實現鍵盤控制方塊移動
需求: 在網頁上有一個方塊,我們需要鍵盤上下左右鍵控制方塊的移動。 程式碼: <!doctype html> <html> <head> <met
js控制表格隔行變色
ble doctype .com out htm 圖片 技術 ext 鼠標 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> &l
用js實現圖片(小球)在屏幕上上下左右移動
tin doctype ctx eight doc itl 左右 idt ext <html> <head> <title>Document</title> </head> <body style
滑鼠點選按鈕控制圖片移動或者鍵盤控制圖片移動(解決問題:parseInt失效問題,用Number)
在測試用滑鼠點選按鈕,使圖片左右上下移動: 效果如下: 程式碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title><
Unity3D 鍵盤控制物體平面移動(操作相對於攝像機方向)
Intro 目標是實現目標隨攝像機方向的不同而進行不同方向移動——而且,目標不需要隨攝像機一起旋轉。 使用攝像機的四元數旋轉 void HandleKeyboardAction() { var horizontal = Input.GetAxis("Hor
js input連續輸入回退連續刪除 js input模仿移動端連續輸入回退連續刪除 全網只有一份
確實是全網找不到的例子,也確實是吹牛逼公司前端寫了一點,但是存在ug當輸入完四個,回退刪了兩個,獲取的只剩下兩個,我又天天補補了一下, 直接上程式碼吧 <!DOCTYPE html> <html> <head> <meta chars
解決移動端鍵盤彈起 導致input佈局出現問題的解決方法
var ua = window.navigator.userAgent; if(ua.indexOf('Android') > -1 || ua.indexOf('Adr') > -1){ var winHeight =
Unity3D中受鍵盤控制的物體的簡單移動
今天偶然又用到這些知識,突然發現忘完了,真是學的還沒忘的快呢? 現在稍微總結一下,以免以後再忘啦。 //定義兩個變數接收鍵盤輸入時,物體的偏移量: float move_X; float move_Y; //定義一個常量表示物體移動的速度: float move_Spee
【Unity 3D學習】鍵盤控制人物在場景中移動
一、第一種情況,鍵盤左右鍵控制人物旋轉,讓人物可以面向四方,然後上下鍵控制移動。 public float speed = 3.0F; public float rotateSpeed = 3.0F; CharacterController controller; voi
unity 滑鼠控制第一人稱視角及鍵盤控制移動
指令碼MouseLook(在主相機上): using UnityEngine; using System.Collections; public class Mouselook : MonoBehaviour { public enum RotationAxes{
unity 實現鍵盤控制物體移動和轉向
unity 的character controller不太好用,碰撞什麼的不好操作,經常需要自己寫人物移動的指令碼,所以就記錄一下。 這個指令碼程式碼很簡單,實現的是按下鍵盤上下方向鍵,人物前進後退,按下鍵盤左右方向鍵,人物向左或向右轉彎。一般情況下使用一個膠囊體代表pl