JQuery Esc Keypress绑定

前端之家收集整理的这篇文章主要介绍了JQuery Esc Keypress绑定前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想添加一个绑定,其中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");
    });
});

解决方法

#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

猜你在找的jQuery相关文章