Liên kết phím bấm JQuery Esc

Question

Tôi muốn thêm một liên kết trong đó phím Esc sẽ trượt bảng sao lưu của tôi trở lại. Đây là mã jquery của tôi.

$(document).ready(function() { 

    $(".port-link-container").click(function() { 
     $("div.slider-panel").slideUp("slow"); 
    }); 

    $("#wr").click(function() { 
     $('html, body').animate({ scrollTop: 450 }, 'slow'); 
     $("div#wr-large").slideDown("slow"); 
    }); 

    $("#sema").click(function() { 
     $("div#sema-large").slideDown("slow"); 
    }); 

    $(".slider-close").click(function() { 
     $('html, body').animate({ scrollTop: 0 }, 'slow'); 
     $("div.slider-panel").slideUp("slow"); 
    }); 
}); 

Answer 1

#pannel 
{ 
    position:fixed; 
    width:100%; 
    height:200px; 
    background-color:#ddd; 
} 

<div id="pannel"></div> 

$(document).keyup(function(e){ 

    if(e.keyCode === 27) 
     $("#pannel").slideToggle(); 

}); 

Hãy thử điều đó?

fiddle

Answer 2

Hãy thử điều này với sự kiện KeyUp

$(function(){ 

    $(document).keyup(function(e){ 

    if(e.which == 27) 
    { 
     $("div.slider-panel").slideUp("slow"); 
    } 
    }); 
});