1. 程式人生 > >js 鍵盤控制表格input上下左右移動

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