向上和向下箭头的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

回答

相关问题