如何完全阻止ngx boostrap modal后面的屏幕,以至于即使使用键盘Enter也不能使背景中的按钮起作用?

时间:2018-09-27 15:32:15

标签: angular bootstrap-4 ngx-bootstrap

我有这个ngx bootstrap模态,它可以正常工作:

<div bsModal #myModal="bs-modal" [config]="{backdrop: 'static', keyboard: false}" class="modal fade" tabindex="-1" role="dialog"
  aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
        ...
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        ...
      </div>
    </div>
  </div>
</div>

当我单击背景中的某个位置时,它不会关闭,并且也无法使用鼠标单击背景中的按钮。 但是,当我使用键盘上的 tab键时,我可以在后台浏览所有按钮,最后单击一个按钮。 我正在寻找一种方法来停止此行为,以便用户无法使用键盘单击任何键。我该怎么办?

0 个答案:

没有答案