扩展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

在您定义document.onkeydown后evt内，请记录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;
    }