jQuery Esc 按键绑定

发布于 2024-11-28 09:56:46 字数 626 浏览 2 评论 0原文

我想添加一个绑定,其中 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");
    });
});

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");
    });
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

转身泪倾城 2024-12-05 09:56:46
#pannel
{
    position:fixed;
    width:100%;
    height:200px;
    background-color:#ddd;
}

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

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

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

});

尝试一下吗?

小提琴

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

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

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

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

});

Try that?

fiddle

や三分注定 2024-12-05 09:56:46

尝试使用 keyup 事件

$(function(){

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

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

Try this with keyup event

$(function(){

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

    if(e.which == 27)
    {
      $("div.slider-panel").slideUp("slow");
    }
  });
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文