模态框（LeanModal）如何通过按Esc键关闭？

Question

我在我的网络应用程序中使用了Lean Modal来实现模态框。

Lean Modal网站: http://leanmodal.finelysliced.com.au/ 一切都正常运行。我只想添加“Esc按钮单击”事件，以关闭模态框。我该怎么做？请给予建议。

- Pratik Poddar

Answer 1

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

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

- prady

Answer 2

做类似以下的操作

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

在演示页面上的示例。

- nik-v

Answer 3

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

如果您正在使用jQuery，请添加tabindex="-1"。

- Nishchit