JS浏览器事件模型详解如何操作？

本文共计2699个文字，预计阅读时间需要11分钟。

目录- 什么是事件- 一个简单的事件例子- 如何绑定事件- 框架中的事件- 事件对象- 事件传播- 事件代理- 总结- 什么是事件- 我很想让你很可能会说过去事件驱动，但事件驱动到底是什么？- 为什么说浏览器事件？

目录

• 什么是事件
• 一个简单的例子
• 如何绑定事件
• 框架中的事件
• 事件对象
• 事件传播
• 事件代理
• 总结

什么是事件

我想你很可能听说过事件驱动, 但是事件驱动到底是什么？为什么说浏览器是事件驱动的呢？

事件驱动通俗地来说就是什么都抽象为事件。

• 一次点击是一个事件
• 键盘按下是一个事件
• 一个网络请求成功是一个事件
• 页面加载是一个事件
• 页面报错是一个事件

浏览器依靠事件来驱动APP运行下去，如果没有了事件驱动，那么APP会直接从头到尾运行完，然后结束，事件驱动是浏览器的基石。

一个简单的例子

其实现实中的红绿灯就是一种事件，它告诉我们现在是红灯状态，绿灯状态，还是黄灯状态。 我们需要根据这个事件自己去完成一些操作，比如红灯和黄灯我们需要等待，绿灯我们可以过马路。