jQuery Esc Keypress绑定 [英] jQuery Esc Keypress bind

问题描述

我想添加一个绑定，在该绑定中， Esc 键将使我的面板向上滑动.这是我的jQuery代码.

I'd like to add a bind in which the Esc key will slide my panel back up. Here is my jQuery code.

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

});

尝试一下?

小提琴

这篇关于jQuery Esc Keypress绑定的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！