在javascript中检测模态对话框

Question

模态示例的示例网站：“http://vodkabears.github.io/remodal/#modal”，目标是确定网站是否打开了模态窗口。有没有办法使用java脚本来实现目标？

注意：我想检测模态窗口而不是警报/弹出窗口，而不需要事先了解模态窗口“id”或任何属性。

Answer 1

一种超级简单的方式（在您的情况下）可以只是检查：

if ($('.remodal-is-opened') !== undefined) {
  //open!
}

然而，根据api更好的方法可能是调用inst.getState();：

var inst = $('[data-remodal-id=modal]').remodal();

/**
 * Opens the modal window
 */
inst.open();


/**
 * Returns a current state of the modal
 * @returns {'closed'|'closing'|'opened'|'opening'}
 */
inst.getState();

参考：https://github.com/VodkaBears/Remodal#methods

Answer 2

简单试试这段代码

if($('.remodal-is-opened')){
console.log("modal open")
}else console.log("modal closed");