Кнопка фокусировки Magnific Popup при открытии

Question

Я использую плагин Magnific Popup и хотел бы, чтобы моя кнопка основного действия (Сохранить) была сфокусирована при открытии всплывающего окна, чтобы, если пользователь нажимает клавишу ввода, он просто вызывал событие щелчка.

Я попытался выполнить на консоли следующее безуспешно:

$('.popup-modal-save').focus();

Есть ли способ сделать это без использования слушателя события нажатия клавиши?

Вот ссылка на мой JSFiddle: https://jsfiddle.net/dwjfq1gp/25/

Answer 1

Вам действительно нужно прослушать событие нажатия клавиши для этого.А когда модал открывается, то вам нужно прикрепить событие фокуса.Вот рабочая скрипка https://jsfiddle.net/2fb3d841/1/

// I've just added this
callbacks: {
    open: function() {
            $('.popup-modal-save').focus();
            $(document).keypress(function(e){
              if (e.which == 13){
                  $(".popup-modal-save").click();
                  $.magnificPopup.close();
              }
            });
    },
}

Answer 2

вы должны использовать события, чтобы сосредоточиться на кнопке сохранения, когда всплывающее окно открыто. скрипка

$('.popup-modal').magnificPopup({
   ...
    callbacks: {
        open: function() {
                $('.popup-modal-save').focus();
        },
    }
});