javascript - 需要帮助使用 IFrame 为 JQModal 实现 CloseOnEscape Key Press

Question

我在我的项目中使用 JqModal。它是一个不错的 JS 模态。但是我需要一个帮助来将 Close On Escape 按键附加到 JqModal。我在 JqModal 中从外部 URL 加载永恒的内容。

对于没有使用 IFrame 的简单 Modal，很容易实现 CloseOnEscape 按键功能。

Answer 1

我通过更新 jqModal.js 文件使其工作

步骤:

1. 向 jqModal 添加选项“closeOnEsc: true”。所以选项看起来像这样，

       var p = {
       overlay: 50,
       overlayClass: 'jqmOverlay',
       closeClass: 'jqmClose',
       trigger: '.jqModal',
       ajax: F,
       ajaxText: '',
       target: F,
       modal: F,
       toTop: F,
       onShow: F,
       onHide: F,
       onLoad: F,
       closeOnEsc: true
   };
   

2. 在jqModal打开函数中添加如下代码。

       var modal = $(h.w);
   
       modal.unbind("keydown");
   
       if (c.closeOnEsc) {
           modal.attr("tabindex", 0);
           modal.bind("keydown", function (event) {
               if (event.keyCode == 27) {
                   event.preventDefault();                        
                   modal.jqmHide();
               }
           });
           modal.focus();
       }