扩展javascript键按下的功能

Question

我在我的网站上有一个这么小的javascript，通过按键盘上的箭头键来控制网站。

document.onkeydown = function(evt) {
    evt = evt || window.event;
    switch (evt.keyCode) {
        case 37:
            leftArrowPressed();
            break;
        case 39:
            rightArrowPressed();
            break;
    }
};

function rightArrowPressed() {
     window.open("next-page.php","_self")
}
function leftArrowPressed() {
     window.open("pre-page.php","_self")
}

如果我按下右箭头键，javascript会将我重定向到“next-page.php”。 如果我按下左箭头键，javascript会将我重定向到“pre-page.php”。

我想通过按+和 - 键或q和w键来扩展脚本。 当前脚本不应该理想地改变。

Answer 1

您要执行的操作的keyCode如下：

+ : 107

- : 109

q : 81

w : 88

所以使用你的代码，这是我们可以做的：

document.onkeydown = function(evt) {
        evt = evt || window.event;
        switch (evt.keyCode) {
            case 37:
                //code here
                break;
            case 88:
                //code here
                break;
            case 109:
                leftArrowPressed();
                break;
            case 39:
                //code here
                break;
            case 81:
                //code here
                break;
            case 107:
                rightArrowPressed();
                break;
        }
    };

Answer 2

在定义evt之后的document.onkeydown ，记录keyCode值：

console.log(evt.keyCode);

从那里你可以根据需要修改你的switch语句。

Answer 3

你可以检查一下：

switch (evt.keyCode) {
        case 37:
            leftArrowPressed();
            break;
        case 39:
            rightArrowPressed();
            break;
case 107: // for +
            your script
            break;
case 109: // for -
             your script
            break;
case 81: // for q
            your script
            break;
case 87: // for w
            your script
            break;
    }