Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在键盘上触发左箭头键或右箭头键时如何运行代码_Javascript_Keyboard - Fatal编程技术网

Javascript 在键盘上触发左箭头键或右箭头键时如何运行代码

Javascript 在键盘上触发左箭头键或右箭头键时如何运行代码,javascript,keyboard,Javascript,Keyboard,当键盘上的左箭头键或右箭头键被触发时,如何在javascript中运行代码 我是个编程新手 有人能指引我吗 function leftpress() { //do action } function rightpress() { //do action } document.onkeydown = function(evt) { evt = evt || window.event; swi

当键盘上的左箭头键或右箭头键被触发时,如何在javascript中运行代码

我是个编程新手

有人能指引我吗

    function leftpress() {
        //do action
    }

    function rightpress() {
        //do action
    }

    document.onkeydown = function(evt) {
        evt = evt || window.event;
        switch (evt.keyCode) {
            case 39://left arrow
                leftpress();
                break;
            case 37://right arrow
                rightpress();
                break;
        }
    };
这是准确的代码,试试看


-如果你需要帮助,可以再问我一次

如果您是Javascript新手,那么我可以建议您使用库来简化工作(因为您可能最终会解决许多跨浏览器问题):) jQuery是一个很好的工具,下面是一些键盘事件

您需要附加

Jquery很简单:

试试这个:

$(document).keydown(function (e) {
        e.stopImmediatePropagation();        
        if (e.keyCode === 37) {//right  
             // Your Code             
        }  
        else if (e.keyCode === 38) {//UP              
            // Your Code             
        }
        else if (e.keyCode === 39) {//left 
            // Your Code 
        }
        else if (e.keyCode === 40) {//DOWN 
            // Your Code 
        }               
    });

首先,您需要获取所按下键的值,使用jquery时,操作如下:

$(‘#keyval’).keyup(function(e) {
    console.log(e.which)
});
$(document).keypress(function(e) {
    if(e.which == //arrow value) {
        // your action
    }
});
然后执行测试以查看这些键的值,然后检查keyup事件,检查其值是否大于,然后执行操作,如下所示:

$(‘#keyval’).keyup(function(e) {
    console.log(e.which)
});
$(document).keypress(function(e) {
    if(e.which == //arrow value) {
        // your action
    }
});
我还没有测试过它,但它必须工作