javascript - 向上和向下箭头 JavaScript

Question

我将解释下一步该做什么，这里是 html 代码 =>

<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");
}

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也是。