JQuery Esc Keypress बाध्य

Question

मैं एक बांध जोड़ना चाहता हूं जिसमें Esc कुंजी मेरे पैनल को वापस स्लाइड करेगा। मेरा jquery कोड यहाँ है।

$(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(); 

}); 

कि प्रयास करें?

fiddle

Answer 2

KeyUp घटना के साथ इस प्रयास करें

$(function(){ 

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

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