Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/assembly/6.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_Jquery_Triggers_Keyboard - Fatal编程技术网

使用键盘Javascript触发此操作

使用键盘Javascript触发此操作,javascript,jquery,triggers,keyboard,Javascript,Jquery,Triggers,Keyboard,因此,我有一个很小的功能来滑动和隐藏页脚以及其中的其他元素。单击功能运行良好,但我没有得到键盘响应,我的问题是,有没有一种方法可以触发相同的功能,而不必同时使用。单击事件和键盘触发器重复它 $(function () { $("#downmenu").click(function(){ $("#filo").slideToggle("fast"); $("#downmenu").css("display", "none");

因此,我有一个很小的功能来滑动和隐藏页脚以及其中的其他元素。单击功能运行良好,但我没有得到键盘响应,我的问题是,有没有一种方法可以触发相同的功能,而不必同时使用。单击事件和键盘触发器重复它

$(function () { 
        $("#downmenu").click(function(){
            $("#filo").slideToggle("fast");
            $("#downmenu").css("display", "none");
            $("#upmenu").css("display", "block");
        });
        $("#upmenu").click(function(){
            $("#filo").slideToggle("fast");
            $("#downmenu").css("display", "block");
            $("#upmenu").css("display", "none");
        });
        if ((event.keyCode == 40)) {
            $("#filo").slideToggle("fast");
            $("#downmenu").css("display", "none");
            $("#upmenu").css("display", "block");                   
        } else if ((event.keyCode == 38)) {
            $("#filo").slideToggle("fast");
            $("#downmenu").css("display", "block");
            $("#upmenu").css("display", "none");
        }
});         

非常感谢。这是一个类似的方法,我终于做到了。
function f1(){
     $("#filo").slideToggle("fast");
     $("#downmenu").css("display", "none");
     $("#upmenu").css("display", "block");
}

function f2(){
    $("#filo").slideToggle("fast");
    $("#downmenu").css("display", "block");
    $("#upmenu").css("display", "none");
}

$(function(){
    $("#downmenu").click(function(){
        f1();
    });
    $( "body" ).keypress(function( event ) {
      if ( event.which == 40 ) {
        f1();
    }    
    });

     $("#upmenu").click(function(){
        f2();
     });

     $( "body" ).keypress(function( event ) {
        if ( event.which == 38 ) {
          f2();
        }    
    });

}