第一百四十四章 事件补遗

jQuery 的事件我们就基本介绍完了，当然这远不是全部，不过初期我们先掌握这么多就够用了。

事件本身是一个事情发生的时间点，是一个瞬间。我们可以把我们想进行的操作与这个时间点进行绑定，当事件发生，就触发我们这些操作。或者我们也可以去触发这个事件的发生，然后与之绑定的操作也会被执行。

每次说起来都有些像绕口令，但只要自己动手操作两遍就会发现，道理上它们都是很简单的。而这简单的道理有几乎可以通用于所有的事件，这大概就是传说中的一通百通吧。

前面我们所讲的事件，基本上都是针对于页面中元素的。但是我们前端所研究的对象并不仅仅是这些因素。比如还有文档对象，我们从一开始就使用了它的 ready 事件。

还有一个非常重要的对象，就是浏览器，或者说浏览器窗口，不过现在我们使用的都是多标签的浏览器了，所以实际影响我们当前网页的，就是它所在的这个标签页。因为我们的网页是显示在这个标签页中的，这个标签页，或者说这个标签页窗口作为最基础的容器，它对我们的影响是毋庸置疑的，它上面的事件，以及它上面的属性，差不多都属于基石级别的。了解它们非常有助于我们去实现复杂的高级的效果，不过在初期呢，也并不用着急，毕竟对于基础的效果，我们也并不需要搞得那么复杂。

我想了想，现在我们最需要了解的其中的一个事件是：window.resize，就是当前窗口的尺寸发生了变化。

这个有什么用呢？它可以用来实现更复杂的响应式，当窗口的尺寸发生了变化，我们就根据当前的尺寸，重新去计算元素的尺寸，然后将计算的结果设置到元素之中。至于如何设置元素的尺寸，我们在前面已经讲过了。只要稍微结合一下，就可以实现复杂的响应式效果。不过如果 CSS 可以做得到，就没必要动用 JS 的哦。