Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 添加关闭单击和esc以关闭滑动切换_Javascript_Jquery - Fatal编程技术网

Javascript 添加关闭单击和esc以关闭滑动切换

Javascript 添加关闭单击和esc以关闭滑动切换,javascript,jquery,Javascript,Jquery,我有一个可以向上滑动并向上推内容的面板。我希望能够关闭它使用关闭点击或按esc键。我尝试添加e.stopPropagation()

我有一个可以向上滑动并向上推内容的面板。我希望能够关闭它使用关闭点击或按esc键。我尝试添加
e.stopPropagation()

编辑小提琴:

这是一把没有咔嗒声的小提琴:

逃跑:

$(document).keyup(function(e) {
     if (e.keyCode == 27) { 
       if($('#panel').css === 'block'){
         $('#panel').hide(200)
       }
    }
});

查看“$.blur”中的“off click”

这将有助于发布一个正在运行的JSFIDLE演示,这样我们就可以使用代码了。@MaximillianLaumeister更新了OP:)
$(document).keyup(function(e) {
     if (e.keyCode == 27) { 
       if($('#panel').css === 'block'){
         $('#panel').hide(200)
       }
    }
});