javascript - 替代 Javascript 的 prompt() 用于 Google Chrome Web App

Question

我目前正在使用 Chrome Platform APIs 开发一个 Chrome 网络应用程序和 Javascript，我根本找不到一种方法来显示 prompt() 对话框来询问用户一个值，这种方式可以防止用户在输入值并接受之前点击其他任何地方或取消(意思是它如何与 Javascript 一起工作)。

我的问题是，我只是找不到使用 Chrome 平台 API 执行此操作的方法(请注意，不能在打包应用程序中使用 prompt()、alert() 和 confirm())。我已经检查过与我的类似的问题，它们都指向 Google App Script 文档，该文档不适用于 Chrome 应用程序。

我真正找到的唯一“解决方案”是制作一个新窗口，启用单例，以便它只能是它的一个实例并在那里显示一个表单，当用户接受时获取值(我还没有真的完成了最后一部分，我需要一种方法来检查窗口何时被按钮关闭)。尽管如此，对于一个简单的对话框来说，这还是有点多了。

是否有一种我遗漏的简单方法来执行此操作，或者是使用多个窗口执行此操作的“预期”方法？

Answer 1

window.prompt 有两个特点:

1. 它请求用户输入。
2. 它以同步方式执行此操作，即页面中 JavaScript 的执行会暂停，直到 prompt() 返回。

第一个功能可以模拟，但第二个功能不能。因此，您将能够获取用户输入，但只能以异步方式进行。提示用户输入的方式有两种:

1. 在弹出窗口中。
2. 在灯箱中。

灯箱类似于弹出窗口，不同之处在于它嵌入在页面本身中。灯箱的所有实现都至少涉及两个容器:

1. 一个覆盖整个页面的 div，这样用户就无法点击其他任何内容。 (CSS: position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;)
2. 其他类似对话框的 HTML 元素(输入字段、按钮)。

有很多现有的 UI 库可以显示内联对话框，例如jQuery UI .