将data-dismiss =“ modal”绑定到按键

时间:2018-11-14 17:14:38

标签: javascript jquery bootstrap-modal

我有一个使用按钮将其关闭的简单模式。 data-dismiss =“ modal”绑定到了按钮,效果很好。

我想将相同的功能绑定到我的转义键,我想知道它是否可能。

我尝试了类似下面的操作,但是它不起作用。

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

        if (e.which == 27) {
          $('#postcard-items-modal').modal('data-dismiss');
        }

    });

如果有人可以阐明这一点,那就太好了。

我知道我可以添加类以隐藏模型,也可以添加样式标签以将其关闭,但是我特别希望绑定数据释放以在按下转义键时运行。

谢谢

2 个答案:

答案 0 :(得分:1)

答案:

因此,我不需要任何JavaScript来绑定按键。

我要做的就是在我的模式ID中添加tabindex ='-1'

<div class="modal fade" role="dialog" id="PostcardModal" tabindex='-1'></div>

这将使逃生按钮关闭模式。

谢谢cmprogram。

答案 1 :(得分:0)

您是否尝试过e.keyCode而不是e.which?或者您可以尝试e.key