使用键盘 Javascript 触发此操作

Trigger this action with keyboard Javascript

本文关键字：操作 Javascript 键盘      更新时间：2023-09-26

所以我有一个很小的函数来滑动和隐藏页脚和其中的另一个元素，两个 .click 函数都运行良好，但我没有得到键盘响应，我的问题，有没有办法触发相同的函数而不必同时使用 .click 事件和键盘触发器重复它？ 

$(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();
        }    
    });
}
相关文章：