javascript - stackoverflow如何创建模式对话框窗口？

Question

这个问题已经有答案了:

Modal Dialog without jQuery (7 个回答)

javascript to check when the browser window is closed (5 个回答)

已关闭 7 年前。

当我编辑页面并尝试离开它时，会出现一个对话框，询问我是否要:

Leave this Page or Stay on this Page

在我回答之前，该对话框阻止我做任何事情。

在Javascript中，我看到的唯一类似的东西是window.confirm(message)，它给出了“确定”和“取消”按钮。

那么 JavaScript 中是否有另一种方法可以创建一个我不知道的对话框？请注意，我想随时创建一个对话框，并且我不想知道页面何时关闭，因此这不是 Zeta 确定的问题的重复。

Answer 1

这里发生的不是任何类型的alert()或confirm()或prompt()。

为window.onbeforeunload事件处理程序编写一个函数，使用传递消息的函数加载参数...

➪➪➪stackoverflow.com/a/1119324/444255

• 它生成的是您的浏览器的一个特殊的 native 对话框。 (你无法使用 devTools 检查它，它不是由 HTML 制成的......好吧，警报也不是。)
• 您无法将相同的对话框用于其他目的。 (如果可能的话，广告业早就让我们知道了；-)

您只能使用丑陋的警报及其同级警报来“阻止”，或者通过在页面上放置垫片(以防止点击)并在顶部放置一个 html 制作的对话框来“阻止”。这应该会停止与您的页面的其他交互，但当然不会离开。