将 data-dismiss="modal" 绑定到键单击答案

【问题标题】：Binding data-dismiss="modal" to a key click将 data-dismiss="modal" 绑定到键单击
【发布时间】：2019-04-17 17:37:11
【问题描述】：

我有一个简单的模式，它使用按钮来关闭它。 data-dismiss="modal" 绑定到按钮，它工作得很好。

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

我尝试了类似下面的方法，但它不起作用。

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

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

    });

如果有人能对此有所了解，那就太好了。

我知道我可以添加类来隐藏模型或添加样式标签来关闭它，但我特别希望绑定 data-dismiss 以在按下转义键时运行。

谢谢

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

答案：

所以我不需要任何 javascript 来绑定 keyclick。

我必须添加 tabindex='-1' 到我的模态 ID

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

这将使退出按钮关闭模式。

感谢 cmprogram。

【讨论】：