WebAPIs：事件高级事件对象

什么是事件对象

eventTarget.Onclick= function(event) {} eventTarget.addEventListener(&＃39;click&＃39;, function(event) {}）

// 这个 event 就是事件对象，我们还喜欢的写成 e 或者 evt

官方解释：event 对象代表事件的状态，比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。

简单理解：事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象 event，它有很多属性和方法。

比如：

1. 谁绑定了这个事件。

2. 鼠标触发事件的话，会得到鼠标的相关信息，如鼠标位置。

3. 键盘触发事件的话，会得到键盘的相关信息，如按了哪个键。 

事件对象的使用语法

div.Onclick=function(event){console.log(event);}div.addEventListener(&＃39;click&＃39;,function(e){console.log(e)})

这个 event 是个形参，系统帮我们设定为事件对象，不需要传递实参过去。

当我们注册事件时， event 对象就会被系统自动创建，并依次传递给事件监听器（事件处理函数）。

代码

e.target和this的区别

e.target 返回的是触发事件的对象（元素）  this 返回的是绑定事件的对象（元素）
区别 ：

e.target 点击了那个元素，就返回那个元素

this 那个元素绑定了这个点击事件，那么就返回谁

• abc
• abc
• abc

阻止默认行为

像a标签里面如果我们设置src属性，默认是又跳转效果的，而我们不想让它执行，此时我们可以阻止默认行为

一般浏览器

preventDefault()         方法

传统方式

return false；