twitter-bootstrap – 如何禁用退出键的Twitter Bootstrap模式？

发布时间：2020-12-18 00:09:21 所属栏目：安全来源：网络整理

导读：在所示的模态中有一种形式。如果我关注一个输入字段(任何字段)，然后按ESC键，该模态将被隐藏。但是，如果我不专注于表单字段，则按ESC键不会关闭模态。这是怎么回事？我想完全禁用模态的ESC键功能。我试过这个： $(document).on('keypress',function(e) {

在所示的模态中有一种形式。如果我关注一个输入字段(任何字段)，然后按ESC键，该模态将被隐藏。但是，如果我不专注于表单字段，则按ESC键不会关闭模态。这是怎么回事？

我想完全禁用模态的ESC键功能。我试过这个：

$(document).on('keypress',function(e) {
  if(e.keyCode == 27) {
    e.preventDefault();
    return false;
  }
}

但这不影响任何东西。有没有办法完全禁用模式的ESC键？

解决方法

如果你的模态对话框看起来像这样

<div id="myModal" class="modal hide fade" tabindex="-1" ...>
   ....
</div>

删除tabindex =“ – 1”应该禁用Esc键。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!