将回车键分配给 Magnific Popup 中的关闭按钮

Question

我有一个与 Magnific Popup Lightbox 一起使用的功能弹出窗体。我在里面有一个自定义关闭按钮，可以在单击时处理收集到的信息。我希望用户能够按回车键（在任何时候，而不仅仅是在最后一个文本框之后）并激活关闭按钮。我的代码如下：

$.magnificPopup.open({
    items: {
       src: 'nameselect.html',
       type: 'ajax'
    },
    closeOnContentClick : false, 
    closeOnBgClick :true,
    showCloseBtn: false,
    enableEscapeKey : false,
    callbacks: {
        open: function(){
            $.magnificPopup.instance.wrap[0].addEventListener('focus', function (e) {kNameSearch(e,focusText)});
            $(document).keypress(function(e){
                if (e.which == 13){
                    $("#cbutton").click();
                }
            });
        },
        afterClose: function(){
            document.getElementById("SearchName").blur();
        }
    }
});

但是 $(document).keypress(function(){}) 行似乎不起作用。我也曾尝试将代码插入其上方的侦听器调用的函数中，但没有成功。非常欢迎任何建议。

Answer 1

解决方案是直接调用按钮函数，而不是尝试 "click" 按钮。所以这个：

$(document).keypress(function(e){
   if (e.which == 13){
      $("#cbutton").click();
   }
});

更改为：

$(document).keypress(function(e){
   if (e.which == 13){
      closeButton();
   }
});

鉴于按钮在 HTML 中被标识为：

<input id="cbutton" onclick="closeButton()" type="button" value="Close" />

将回车键分配给 Magnific Popup 中的关闭按钮

Assign enter key to close button in Magnific Popup

javascript

jquery

magnific-popup