第一百四十四章 事件补遗

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

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

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

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

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

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

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

未经允许不得转载-易看设计:易看设计 - 创意.极致.传达 » 第一百四十四章 事件补遗

打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏