javascript - 相当于窗口提示/确认/警报作为纯JS/CSS解决方案？

Question

我正在寻找 window.prompt()、window.confirm() 和 window.alert() 的替代方法。它对于复杂的 Web 应用程序是必需的，其中窗口具有 onblur() 方法，并且 IE 和 Safari 在发出提示时都会错误地触发此模糊(实际上 Safari 崩溃并且 IE 忽略提示，因为用户不允许“脚本化窗口”) 。我可以暂时禁用 window.blur，但 IE 问题更严重，没有简单的修复方法。

我知道这是可以做到的，我只是希望有人可以有一个很好的“开箱即用”解决方案(越轻越好)，我可以将其用作简单的替代品。我更喜欢纯 JS，而不是依赖 yahoo/jquery 的东西，但我会采取我能得到的。

我真的很想要一个暂停脚本执行的解决方案(比如创建一个无限循环)，但如果我必须使用回调，我会的。不必是可拖动的。

Answer 1

I'd really like a solution that pauses script execution

除了confirm/alert和现已有效失效的prompt之外，唯一的其他同步解决方案是showModalDialog 。这将打开一个单独的窗口，其中可以包含您喜欢的任何 HTML 控件。

但是，这是一个非标准的 IE 扩展。 Firefox 和 Webkit 现在也实现了它；在最新的桌面浏览器中，只有 Opera 没有。显然，包括移动设备和旧版浏览器支持要糟糕得多。此外，由于它实际上是一个弹出窗口，因此如果没有直接的用户交互(例如单击)，浏览器不会让您触发 modalDialog。

无论如何，每个人都讨厌真正的同步(模态)提示，它会卡住浏览器 UI 的其余部分，直到得到答复。如果可能的话，带回调的页内弹出 div(伪模态)绝对是用户友好的事情。当然，这不会是依赖同步提示的代码的直接替代。