04-jQuery/13-尚硅谷-jQuery-事件对象

除了事件这个冒号以外，事件当中还有一个概念，我们要还有一个数，我要了解一下，就什么东西呢？就是几它有一个事件对象，你每次触发一个事件的时候，就会有一个事件对象，用来记录这个事件触发时的所有的相关信息。啊，你看什么是新的对象呢？就是封装事件触发时事件信息的一个GS对象啊，哎，当然我们怎么去操作它呢？你得先得到它才能操作它，怎么得到呢？如何获取呢？注意看啊，在给元数绑定事件的时候，在事件的方式这个函数这个地方啊，给它加一个参数就可以了，参数比你随意，但是一般情况下叫em那就比较好，因为可读性要高，能理解吧，你选个ABC谁知是啥呀？哎，我们习惯性取名叫疑问，就事件里啊事件好，你只要写到这个参数就可以了，你就可以得到了。来，我给你演示一下有事件对象啊，先关了，我把这个打开，那么先来看看吧，这个很简单，下面是不是两个div啊，那你运行起来看看，就是一个大的一个小的嘛，啊，一个大一个小，然后。

接着再来看，现在呢，我用原生GS啊，给这个某一个靶向事件，并且获取这个事件对象，我们看看怎么操作啊，window.on not等于function，嗯，好，document.get element，好，我就给个大的吧，好，我们说在绑定事件的时候啊，Click写那个方程的时候，是不是在这里加个参数就行。就可以了，特别简单，来控制台cano对吧？诶怎么突然不会写这O啊出来了，好这不对，Even好就获取了，就获取了啊好运行你每点击一次，看控制台是不是有个对象啊，嗯，这里就记录了很多的一些元素信息，就比如说out的key啊，你点击的时候，你有没有按住out key去点的呀，没有。

是吧，如果你按照二到地址点的，比如说我按照二到地址点啊，我点了看这个地方售出啊，你按照它那能记录好多信息啊，比如说还有什么坐标啊是吧？CTRL什么东西乱七八糟，一看好多啊，还有ctrl key啊等等好多啊，还有一些屏幕坐标哎，鼠标坐标等等，还有就件的类型，看见吗？好多好多信息都在这里面啊好，那这是原生GS，我们获取这个事件对象的方式啊，很简单，在这个绑定函数的时候，在函数里面加个一问就可以了，这个参数就可以啊，也不需要你干啥，一会怎么用，我们一会再说啊，先说怎么获取，这是原生的获取啊，那如果是几块RY里面怎么获取呢？操作一样，对你绑定时间的时候，在还是在一面怎整啊，来看页面加载完成之后，诶，我们在这里面写个。

他是吧，别着急，点click写个function是在那里写一份就行啊好，我把这个打印一下走F12点击这里也有这个信息，看见了吗？而且几块的还对他封装一次，又包了一层。啊，又包了一层，但里面的内容其实是一样的啊，一样的OK，那这呢，是几query获取事件对象。

OK。好，我就给你，我觉得不用加是还好看一点啊。先不加了，就这样感觉挺好看的，有颜色好，那这个东西能干啥呢？大家看一下哈，这个视频对能干啥？我就给你举一个非常简单的应用哈，那么咱们前面UB是不是可以一次绑定多个事件呢？就比如说啊，比如说哈，我现在把上这个住了，我用band绑一下，叫做L div.band然后这里是mouse over，空格mouse out，看见吧，Function，那么我们会发现我打印一下发现什么东西呢？我说bank绑定的移入移出事件没错吧，有的哈，来进来出去，进来出去没问题是吧，但你发现没有，就这个事件好像是不是。

一样啊，内容一样发现吗？如果说我希望他干不同的事情，好像不太行是吧，这时候你可以怎么办呢？你可以通过这个事件对象就可以判断一下呀，比如说你把这个事件对象加进来，事件对象里面就包含了，诶看不到就包含这个事件的类型，来我给你打印，把这个一放进来，事件的类型你在这里就能看进来。注意看啊，我刷新已经进来出去了，他是不是有个菜值能看见你当前触发的是什么事件呢？你是进来还是出去啊，你看能看的很清楚，那你就判断一下呗，就比如说你就可以在这个地方if判断一下，点type等等于mouse over，那就鼠标移入吧，那你就可以打印做不同的工作嘛，诶就说标啊，鼠标移入是吧。

比如那l if呢，就比如说你这个值等于out，那就鼠标移出能理解吧，鼠标移出好就水流溢出好，那他就可以这样不同的工作了，来看一下进来出去进来出去是吧，来你看可以OK。