javascript - 模态（LeanModal）按 Esc 键关闭

Question

我在我的网络应用程序上使用精益模态作为模态。

精益模态网站： http: //leanmodal.finelysliced.com.au/

它一切正常。我只想添加关闭模式的事件“Esc Button Click”。我该怎么做？请指教。

Answer 1

根据他们主页上的演示，您可以通过单击外部来关闭模式。您只需要在按下 ESC 键时触发相同的点击事件。这样可以确保关闭实际上是由插件本身完成的，而不是由您完成的。

$(document).keyup(function(ev){
    if(ev.keyCode == 27)
        $("#lean_overlay").trigger("click");
});

Answer 2

做类似的事情

$(window).bind('keyup',function(e){
    if(e.keyCode == 27)
        $('#signup,#lean_overlay').fadeOut();
})

对于演示页面上的示例

Answer 3

<a href id="modal" tabindex="-1" >Click to open </a>

如果您使用的是 jquery，请添加 tabindex="-1" 。