向上和向下箭頭的JavaScript

我會解釋下一步要做什麼，而這裏是HTML代碼=>向上和向下箭頭的JavaScript

<fieldset> 
     <legend>Get&nbsp;Data&nbsp;Ajax</legend> 
     <form name="ajax" method="get" action="getData.php"> 
     <input type="text" name="getName" id="getName"> 
     </form> 
     <div class="resBox" id="resBox"></div> <!-- this div is where results are placed--> 
</fieldset>

我寫的AJAX腳本，它是從檢索mysql數據庫中的onkeyup輸入字段一些信息和那麼我也做了如何從這個領域摺疊信息。這裏是情況，任何人都可以解釋如何做（當信息已經崩潰），在上下箭頭可以移動到信息？請給出一個建議如何做到這一點？

總之，我對如何處理javascript關鍵事件感興趣。請舉一些例子，謝謝:)

我已經試過像這樣，但它不工作=>

var key; 
if (window.event){ 
    key = e.keyCode; 
} else { 
    key = e.which; 
} 

if (key==13){ // enter for example 
    alert("something"); 
}

來源

2012-03-24 tnanoba

我迷路了 - 「任何人都可以解釋怎麼做（當信息已經崩潰了），上下箭頭可以移動到信息中嗎？」 – 2012-03-24 12:16:23

換句話說，當數據已經在標記位置被摺疊時，如何用箭頭上下移動光標，就像這個函數有例如谷歌YouTube等 – tnanoba 2012-03-24 12:18:21

如果這不是一個學習練習，你可能更好像http://jqueryui.com/demos/autocomplete/，而不是創建自己的。 – Znarkus 2012-03-24 12:20:10

這個JS代碼應該可能在你的環境中工作。看到一個工作演示here。

el = document.body; 
if (typeof el.addEventListener != "undefined") { 
    el.addEventListener("keydown", function(evt) { 
     doThis(evt.keyCode); 
    }, false); 
} else if (typeof el.attachEvent != "undefined") { 
    el.attachEvent("onkeydown", function(evt) { 
     doThis(evt.keyCode); 
    }); 
} 

function doThis(key) { 
    switch (key) { 
     case 13: 
      alert('enter pressed'); 
      break; 
     case 27: 
      alert('esc pressed'); 
      break; 
     case 38: 
      alert('up pressed'); 
      break; 
     case 40: 
      alert('down pressed'); 
      break; 
    } 
}

首先考慮閱讀這個Stackoverflow question。
你也可以閱讀this MDN entry。

來源

2012-03-24 13:13:39 sransara

向上和向下箭頭的JavaScript

回答

相關問題