JQuery Esc Keypress bind

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

あなたは歓迎:)助けるために喜んだ@WilliamGeorge

$(function(){ 

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

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