jquery - 嵌套 $(document).ready() 以测试嵌套页面是否处于活动状态

Question

我是 jQuery 的新手，并且一直在尝试自己解决问题，但是我遇到了一些问题，并且在谈到我面临的问题时希望得到澄清。我正在尝试使用 jQuery 测试页面当前是否处于活动状态。目前，我有一个带有页眉和页脚的页面保持原位，另一个页面嵌套在页面的正文部分。所以换句话说，我有一个页面嵌套在一个页面中。

现在，我有以下代码来测试页面是否仍然处于活动状态：

    $(document).on("click mousemove keydown", function () {
        activity = true;
    });

稍后我还有其他代码可以获取此信息并发送心跳以保持页面活动。我的问题是：现在这只告诉我用户是否在移动或单击页眉或页脚，而不是在正文中的部分。

我发现了另一个与嵌套 $(document).ready() 一起使用的 stackoverflow 页面（底部的链接），但我对这是否适用于我的情况有疑问。这个嵌套的 $(document).ready() 是否实际上读取了它下面的项目，或者它只是第二次告诉我们同一页面已准备好？如果它确实告诉我们内页是否准备好，在我的示例中，我是否只需将其包装在一个 $(document).ready() 中，因为我使用 $(document).on() 来测试内页页？

嵌套的 $(document).ready() 和 $(window).load() 事件之间的区别

编辑：

在将页面用作 IFrame 之前，我最终在各个页面上检查了活动。这是一个巨大的解决方法，但它最终按照我的需要工作。

我发现唯一可行的另一个选项是检查用户是否进入 IFrame（通过检查模糊的内容）以及鼠标是否在设定的时间内没有移动页面上的位置，即当用户被认为是不活跃的。这对我来说还不够，所以我不能只做这个选项。

标签： jquery