Как закрыть модальную форму после срабатывания события нажатия клавиш и отправить

Question

Как закрыть модал после отправки, используя комбинацию из двух клавиш в ajax jquery?

Я создал комбинацию клавиш, помимо кнопки отправки, в форме для сохранения данные формы Я написал функцию javascript onkeydown для сохранения формы с помощью клавиш Ctrl + S, которая работает как ожидалось (событие обнаружено).

document.onkeydown = function (e) {
        var sKey = e.which || e.keyCode;
        if (e.ctrlKey && sKey == 83) {
            saveForm();
            return false;
        }
    }

Однако эта функция работает только для форм которые автономны. Он показывает странное поведение модальных форм.

parent.myProject.profile.externalRefresh();                                                        
$("div.dialog", parent.document).find(".closethick").trigger("click");                                                        

Я написал вышеупомянутый ajax вызов для сохранения этих модальных форм с помощью нажатия кнопки. Эти формы также сохраняются с помощью сочетания клавиш. Однако модальное окно не закрывается после сохранения с помощью сочетания клавиш. Вместо этого он обновляет модал.

Может ли кто-нибудь помочь мне закрыть эти модалы после сохранения с помощью сочетаний клавиш?

Answer 1

без вашего кода, я не могу сказать, как вы реализуете функцию close. Вы можете сделать что-то вроде привязки события onclick к элементу .closethick, а затем выбрать модальное для динамического добавления класса css.

 .hidden {
 display: none;
}

const btn = document.querySelector(".closethick");
btn.addEventListener("click", () => {
  const modal = document.querySelector("theModal")
  modal.classList.add("hidden");
})