Question

我将解释下一步该做什么，而这里是html code =＆gt;

<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密钥事件感兴趣。请举一些例子，谢谢：）

我试过这样但是它不起作用=＆gt;

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

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

Answer 1

这个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。

上下箭头javascript

1 个答案: