00:00
啊,下面呢,我们来看一个关于呃,那个时间的一个面试题。就是它需要你去区别什么呢。Moover与Mo他们这两个世界,感觉一般情况下好像差不多都鼠标一移,录了就会触发,那他们有没有区别呢?有,我们来看一下啊。这里面呢,有四个div。这个定位好,我准备了往这个左边的这一个外部调位,我加一个Mo moo给这一个加一个什么呢?Most。以及都给它加上啊来看一下。加倍加的话,我们来看啊,首先我们给它给这一个div,它不是它什么写一下点它是吧,加一个啊,直接就写名字啊mouse。
01:07
Mouthover。哪一个方式moo,它所对应的叫什么呢?Out。这么着?这样看起来清楚一点,再来一个Mo。Out,有吧,嗯,有哪一个放下,这是给div啊,接下来我在这里面写一个打印输出。说这个是moo moover什么激怒可以吧,好,接着这一个是。Mouse out,什么是不是离开啊啊离开对吧,好,那下面呢,同时我还给这个第2B3也加一个类似的。
02:05
这是DIV3。但呢用的时间名不太一样。这个用什么呢?猫是。那这个地方改一改叫猫,而这一个所对应的叫什么呢?不叫奥。奖励。好,我事件都加上了,下面呢,我给你说,大家看看他们每一个out里面是不是都内部有一个div啊。这个时候就能看得出区别来。好,按照我这个。进入离开是不可以啊,这个倒没什么。啊,这个倒没什么,主要关键的问题,马下来,这里面太多了啊,再刷一下外部走看了。
03:04
什么意思?这个Mo over什么时候?你看啊,大家看呢,也就是说我进入我的子元素,是不是相当于在他看来,是不是也离开了当前的电位啊。能没看出来。你看我在子元素里面是不是一路一出都会触发我的mouse over和mouse out是这个地方,好,你看我们这个。走,进入。有吗?是不是只有完全的从外面离开是不才行,能看出区别了吧?OK,好,那moo在一路子元素时也会什么触发?它对应的moover所对应的是什么?Mo out是不是和Mo end了?只在一路什么当前元素值才出发。
04:13
能不能理解啊,关键的就是有子元素的问题,那如果说没有子元素了,有区别吗?没有,如果不存在子元素,那这两个就没区别了。而Mo对应的是什么?Mo need,还有一个你知道whole里面使用的是什么,我们刚刚看到过了,使用的什么和什么,你。就这个区别。你跟说的时候一定要举个例子。举例子说,举例子说,并不要说太多话,就是外部有一个div,内部有一个div是吧?啊,我如果用moo会怎么样,用most会怎么样。
05:03
啊,这是这一个还有一个区别。刚才讲了一下大没甲醛,我就在这里面再写一下区别什么呢啊。与啊,世界名接着说啊,就来这个吧,修编这个。他们啊,到底有没有区别呢?我们来看一下啊,嗯,OK,看看他们俩有没有区别,就是我通过我通按的方式加点击钉和正文方式加点击钉有没有区别了,我们来试一下大家就能知道啊,它有一个非常大的区别在里面。呃,我给这个div啊,Div加一个点睛听试试。啊来啊div是吧,加点点可以这么加吧。
06:08
我这是呃,别俄勒的啊,俄勒俄勒有易阻断不太好,这是可立刻点击。还有一个啊,我给DIV3,我给DIV3加点击监听。DIV3加点击监听这一次我用什么呢?二那我也去L一下啊,这是on可立刻点击啊少写一个是吧?啊少写了一个啊左边第一个参数没有忘了写了,写什么是不是肯定好好。我现在呢,做一个特别的事情把它。做一个什么事情呢?
07:03
什么意思?大。这啥意思啊?是不是我在同一个元素下面是不是加两次监听,看懂了加两次监听,只是它一个是通过加的,一个是通过什么on加的,这时候就会有很大的区别。来看一下。啊,我点。嗯,看一下我我这点呢,DIV3没加什么,那也是我刚刚整的是div吧。放心吧。啊,这个这个这个晃的我有点受不了,先把它注意一下啊,稍微注意一下就是晃的有点。
08:07
太多了是吧,啊点一下。点击点击。嗯。应该有区别才对啊。这个咋回事,这个怎么div,我可我加了两次,可怎么按说来说只能调用一次,它这个是按的话是调用两次,我我这个现在的情况,它确实就是什么调用了两次,嗯,看一下啊。
09:06
嗯,调用了两次,嗯,不应该只有一次的吗?因为这一个方式看看啊div没错呀,克尼找到他,嗯,这个。啊,跟我想的不太一样啊,就是什么意思啊,就是我们我们以前譬如说啊,举个例子啊,我找到某一个假设,我根据ID找到某一个元素啊,就叫div吧,假设它是ID啊我们平常加I加点进去是不是安克立等于一个方形,那这种方式能加两个点进去吗?能不能是不能的吧。
10:02
对不对,也就说你加两次有用吗?第几才启用,是后面的才有作用啊,这是一个我们除了这种方式加点句,是不是还有一种方式叫I的even listener,那个I的even listener,它可以加多个吧,我记得以前应该是你们应该有说过。算过没有,就这种方式可以加多个呀。那新的版本里面,我看一下当前的版本是多少,嗯,看一下版本一点十,嗯。写法上没有太大的问题啊,写法上面。把这个去。写法上是没有太大问题的,就是我现在他调了两次来,我看一下那个有没有什么。
11:04
一个旧的版本是不是看是不是新的版本的问题啊。关键我已经是现在是1.1.1.0啊,已经是这个里面最低的一点几最低的了。一点几最低的,那这个事我就没法说了。这个是几,这个是七的是吧?这个是七的,我看一下啊,我看一下,我搞一个这个1.7的,看是不是看看看是不是不一样啊,是想看一下,我把这个1.7的给他搞过来试试。我们看一下啊,看是不是我记忆的问题,还是确实版本升级以后不一样。
12:00
那我去以是么,1.7是吧,试一下啊好,那现在呢,我去加了两个点击,可那接着呢,我在这个里面去去一下,走这吧,没关系啊,应该是我记错了。啊,那这个呢,我们就不用说它了,把它去掉,那他的他的维修就是我们前面说的啊,就这按方法和我的叉叉叉方法,就世界名方法,嗯,就是even的什么name这种方式,也就是说这里面传什么是不是even name对不对,那这两种方式其实主要现在我们的体现啊,体现就是这一种方式它的啊好处是什么,是不是通用。但什么,但是编码麻烦对吧,编码麻烦好了,而这一种方式呢。
13:10
它的好处是什么?编码简单。啊,简单,但什么不通用,但有时啊不没有啊不能用,但有的事件没有对应的方法。啊,后面我们会去讲啊,有的事件就没有了啊,等到用的时候我再跟大家去说是什么事件啊,这个我们就把它去掉得了,那把这个放开啊。把这个放开OK,好,那主要还是这个啊,后面也跟大家说了一个这个啊好,这是关于啊,这个面试题啊,有时候会去问到这个区别。
我来说两句