Modal(LeanModal)关闭Esc Key

时间:2013-09-27 07:23:35

标签: javascript jquery modal-dialog

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

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

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

3 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:4)

执行类似

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

有关演示页面上的示例

答案 2 :(得分:0)

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

添加tabindex =&#34; -1&#34;如果你使用jquery。