如何使用JavaScript为网页创建指导教程？

某些网站（尤其是Facebook游戏）为新用户提供了一个循序渐进的教程，其中JavaScript用于创建一个弹出窗口，告诉用户在哪里单击下一步以及发生了什么

如何创建这样一个系统？需要什么样的体系结构

我假设，如果设置了一个标记为tutorial的标记，则会加载一个脚本，并且在用户状态中存储了一个“指针”，指示用户在教程中的哪个步骤。该脚本将呼应出相关的JavaScript，用于弹出窗口和突出显示等等

我想问题是，如何检测用户何时执行了所需的操作，以及教程是否将继续下一步

---

编辑时：“进行下一步所需的操作”可能涉及用户单击链接本身，或通过表单提交值。因此，状态必须能够持续，脚本必须能够检测整个页面中不同UI元素上的交互。

我认为解决方案将取决于您使用的技术

简单-您可以将用户的教程进度存储在一个cookie文件中，并在其每个操作（例如，单击按钮）上调用javaScript处理程序，该处理程序将更新其状态

---

您可以将教程原型化为有限状态机。我认为本教程的数据演示将非常有用。

教程对话框或气泡或其他任何对话框都应该有“继续”和“退出”按钮，它们可以完成明显的功能。或者它可以基于计时器。否则你似乎已经完全明白了。