【问题标题】:Bootstrap 4 modal not closing on ESCBootstrap 4 模态未在 ESC 上关闭
【发布时间】:2021-08-22 07:34:56
【问题描述】:

我正在使用 Bootstrap 4 模态窗口。我有 tabindex="-1" 和 data-keyboard="true" 的设置模式。这应该启用 ESC 按钮来关闭模式。

问题是,我以编程方式将焦点设置到表单中的第一个输入框。并且当光标在这个输入框内时,ESC 键不起作用,它不会关闭模态框。

只要我在输入字段外点击,在模态窗口的某个地方,ESC 键就会开始工作。

但我希望它也能工作,如果光标在任何输入字段中。

这里有什么问题?

【问题讨论】:

  • 我们无法在没有查看代码的情况下诊断问题,这种行为可能有多种原因。
  • 这里是链接:v3.slotenis.si 点击注册按钮

标签: jquery bootstrap-4 bootstrap-modal


【解决方案1】:

找到了解决办法。由于我正在听 ENTER 键,因此我还必须包含用于听 ESC 键的代码。

    if(event.keyCode == 13) {
        ...; // on ENTER key
    }else if(event.keyCode == 27) {
        ...; // hide modal on ESC
    }
    event.stopPropagation();

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-10-08
    • 1970-01-01
    • 2018-03-19
    • 2019-01-09
    • 2021-02-02
    • 1970-01-01
    • 2014-08-30
    相关资源
    最近更新 更多