我在我的项目中使用 JqModal。它是一个不错的 JS 模态。但是我需要一个帮助来将 Close On Escape 按键附加到 JqModal。我在 JqModal 中从外部 URL 加载永恒的内容。
对于没有使用 IFrame 的简单 Modal,很容易实现 CloseOnEscape 按键功能。
最佳答案
我通过更新 jqModal.js 文件使其工作
步骤:
向 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 };
在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(); }
关于javascript - 需要帮助使用 IFrame 为 JQModal 实现 CloseOnEscape Key Press,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9453266/