twitter-bootstrap - Bootstrap 3.0 Modal - 如何使用 ESC 关闭或单击模态外部？

Question

我在这里有一个 Bootply 测试设置:http://bootply.com/67311

当我单击“X”或“关闭”按钮时，它按预期工作。但是，我希望它在用户点击转义或在模式对话框之外单击时关闭/关闭。

我该怎么做呢？

Answer 1

非常感谢 "tabindex="-1"

有同样的问题。我检查了 bootstrap.js(模态部分)中的代码 - 看起来某些事件(使用了转义功能)没有触发。我希望尽快修复它。

我得到了 BS3 RC2，鼠标点击在那里完美

<!-- Button trigger modal -->
<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-large">Launch demo modal</a>

<!-- Modal -->
<div class="modal" id="myModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer">
                <a href="#" class="btn">Close</a>
                <a href="#" class="btn btn-primary">Save changes</a>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->