HTML 文档触发的第一个事件是什么？

Question

我很好奇在使用 jQuery 和 jQuery Mobile 时哪个事件首先被触发。

奇怪的是，我得到的第一个控制台输出是pagebeforecreate，然后是document ready，然后是onload。

我想知道在这些事件之前是否有其他事件被触发。

http://jsfiddle.net/yYGYe/2/

$('html').bind('pagebeforecreate',function(event) {
    console.log("pagebeforecreate");
});

$(document).ready(function() {
    console.log("document ready");
});

window.onload = function(){
    console.log("onload");
};

Answer 1

你的问题和你问的实际有点不同。

您询问第一个触发的事件是什么，但在上下文中您是在询问 pagebeforecreate 是否是您希望它成为页面上触发的第一个事件时要调用的函数。

如果您阅读了有关该问题的 jQuery Mobile 文档，它会说 pagebeforecreate 在任何“小部件”被实例化之前被调用。所以在这件事上；您放入其中的所有内容都将在所有 jQuery Mobile 小部件“之前”调用，但它本身并不是 HTML 页面上触发的第一个事件。

在 HTML 页面上触发的第一个事件可能是 document.readyState 被设置为 uninitialized，表示您的页面尚未准备好加载。这些都是就绪状态；

• 未初始化（尚未开始加载）
• 正在加载（正在加载）
• interactive（已加载足够，用户可以与之交互）
• 完成（满载）

Answer 2

您正在寻找的是 jQuery 移动事件模型生命周期的全面可视化，下面的图表可在 Pro jQuery Mobile 和 on the author's blog 中找到：

请记住，这是 jQuery mobile 特定的。原生事件列表在 as part of the W3 spec 可用，唯一与文档生命周期相关的是旧的 load。