js事件模型

js中事件模型是异步的，而非使用线程来实现。

这两者有什么区别呢？

假如，只是说假如哦，若事件模型是使用线程来实现，则我们想要判断页面是否加载完毕，是这样来判断的。

while(!window.loaded()){ }
document.getElementById("body").style.border="1px";

浏览器不断的去判断window.loaded，期间不能执行任何其他操作，只是不停地检验window.loaded。直至页面加载完毕，才能继续执行下面对border样式的更改。

而异步的事件模型，则是通过对元素绑定一定事件发生时的事件处理回调函数，来实现的事件模型。也就是说，你的任何操作都可以正常进行，当页面加载完毕，触发绑定事件后，浏览器直接执行回调函数就好，无需不停地去判断window.loaded。

事件的捕获和冒泡

当一个事件发生时，首先，是一层又一层的递进捕获，每一层的标签都对发生的事件进行捕获，也就相当于让标签知道了，该事件发生了，捕获过程逐层进行，直至最里层标签，然后就是从里层标签，再逐层向上冒泡，而冒泡的过程中，便是各个标签执行事件触发回调函数的过程。绑定了事件触发函数的标签执行其回调函数。

（图片来源于《精通JavaScript》一书）

this关键字

在事件触发函数中的this，是指事件所绑定的标签。比如在li标签上，触发了click事件，则click事件回调函数中的this，即为li标签，$(this)指的就是该标签对应的jquery对象。

阻止事件冒泡

如果我们只想让某一里层标签执行事件回调函数，而不执行外层标签的回调函数，比如，改变当前鼠标悬停标签的样式，我们并不想让该标签所在的上层标签改变样式，直想改变当前所在里层标签的样式，则需要阻止事件冒泡。

阻止浏览器默认行为

浏览器有以下默认行为（来源于《精通JAVASCRIPT》一书）：

• 点击<a>元素将重定向到它的href特性上的url
• 使用键盘并按Ctrl+S，浏览器将保存网站的html文件
• 提交HTML<form>将向指定的URL提交数据，并重定向浏览器到该地址上。
• 鼠标移动到一个有alt活title（取决于浏览器）<img>上将会出现工具条，提示<img>的描述

这些默认行为，即使我们阻止了事件冒泡，仍然会执行，因此，需要采取特定的方法来阻止浏览器默认行为。