按下向上和向下键时触发功能？

Question

我想要它，所以当按下向上或向下键时，它会触发不同的功能。到目前为止，这是我的代码：

window.addEventListener('keypress', function(e) {

    console.log("A Key has been pressed");

    /*Sets "key" variable to be the value of the key code of the key pressed*/
    var key = e.which || e.keyCode;

    /*checks if key pressed is the "up" key*/
    if (key === 38){
            functionOne();
            console.log("Up key was Pressed");
        }

    /*checks if key pressed is the "down" key*/     
    else if (key === 40){
            functionTwo();
            console.log("Down key was Pressed");
        }
    })

每当我按下除箭头键、shift、alt、caps、tab 和 f1 - f12 之外的任何键时，都会激活控制台日志，显示“已按下一个键”。这可能是什么原因造成的？

先谢谢你了。

Answer 1

改用keyup 事件。

onkeypress 事件不会针对所有浏览器中的所有键（例如 ALT、CTRL、SHIFT、ESC、箭头）触发。要仅检测用户是否按下了某个键，请改用onkeydown 事件，因为它适用于所有键。

window.addEventListener('keyup', function(e) {
var key = e.which || e.keyCode;
    console.log(key);
    if (key === 38){
        console.log("Up key was Pressed", key );
    }    
    else if (key === 40){
        console.log("Down key was Pressed", key );
    }
    e.preventDefault();
})