00:00
好,我们去啊。我看下一个。嗯。啊,下一个说的是事件处理相关的,其实这个也比较简单,我们来看一下。这里面也有一个啊,也有一个效,这都是几个测试用例啊,组成的保定监听事件修饰符,以及按键修饰符。来吧。嗯。写一些基本代码。嗯,来个EL,它是应该是井号一个。没问题是吧?好,接着准备一个date。可以吧,好,下面首先来看的第一个事情,绑定监听咱前面都做了是吧,只详述一下,假设叫太一。
01:00
那我愿意,一共三个。嗯。最原始的写法应该怎么写?Vega。啊,冒号世界名对吧,等于一个回调函数呗。是吧,我这个回调函数最最简单的写法就是。这么写呗。是吧,啊,但我们平常说这这种写法,咱一般不会写,怎么写不。是吧?啊,OK,好来,那我就在里面a lott啊,开一。可以吧,好,下面我们来说一个,我们后面还讲过一个是什么事啊。就是我们可以传一个什么。是不是自己的数据。就是说来一个呃,ABC。那我再来一个硅谷吧,可以吧,好,这个就不能叫T1了,假设叫什么T2。
02:02
这个应该也是也没问题是吧,那这个地方去接受一个message可以吧,啊或者叫名字都行啊,这个没关系。可以吧,这前面都应该咱讲过这个事的。点一下是不是一样没问题,再点一下硅谷是吧,好有种情况。啊,我的第三个特色,我想干嘛呢?我想去得到它的值。我想得到这个button的文本。肯定等于啊,可以说我来个太13,那我怎么办呢?我要得到这个文本。要得到这个文本,是不是得得到。当前的这一个八吧,哎,有一个方法,其实啊,这个地方事件回流函数里面可以传一个东西的。
03:01
啊,穿个什么呢,大家看一下啊。有这样一个特别的一个变量叫多,这个就代表我的一个事件对象。代表我那个实践对象,那也就是说我在这个里面。一个什么。OK,其实如果哎,我就这么写的,我就这么写的。这个其实就有。本来就是,只是我们前面没用。来,我们来测验一下是吧,哎。A,什么呢,Even。点什么?Event就是就能点in HP了。先是不是得到1万的,1万里面有个属性,这个属性没用过吗。
04:00
用过吧,用过接着得到它里面的。是不是有啊啊OK。好,我们来看一下。有没有有,但关键是我现在吧,我现在这样的。啊,这个是木船是吧,我现在有一个事情啊,有一个什么事呢,来我开始试。我本来就自己要传一个东西。对吧。来看一下我自己假设要传一个数值,我传了一个123。对吧,同时呢,我还想去得到这个值。也就是我想得的值,是不是要有这个呀。那关键的问题是,如果你这么写了,他就不会给你传了。大家看我刚刚没有指定参数吧,他就自动给我传了一个什么。那现在呢,我还能像他这么写吗?我还能写英文的吗?不能了,我这里面是不是自己指定了一个参数。
05:07
是吧,啊,假设这个就叫number吧。对吧,那关键现在呢。我怎么写?因为现在参数已经被我什么。是不是指定呢,哎,这个时候。传这个变量,这个变量是所有的事件回调函数在指定时候都给传的一个变量。那也就是说我们现在是不是可以接受一个来,我们现在看一下把这个。Number吧,呃,加上一个杠杠,接着再加上。Even了点。他给他点HK吗。对吧。
06:01
这个能不能看到。应该是可以看到的,也就是说你要不传参数,实际上本质上是不是传了呀。传的这个英文的,说白了就是你要不传,他实际上这么搞的,怎么搞,你不传相当于他这么搞的。是这意思吧?啊,OK,当然我们平常不会这么写是吧?就这么试啊,OK,我现在是来算一下,走你。各位可以没有任何问题。嗯。所以说到底就是如果我不传,那实际上传的什么,Even问他,如果你传,那只能是传你指定的吧,而且有一个变量可以用哪个。多少伏可以用啊,就这么个事。好,下面要说两个概念,一个叫事件修饰物,一个叫按键修饰物,什么效果呢?来,我先准备点东西啊。
07:05
来一个div啊,来一个div。这个地方写一个style,给它一个宽度,假设是200PX,给它一个高度也是200PX啊,给他一个背景颜色。假设是红色吧,对。好,我来搞两个div金嵌套。那嵌套的时候呢,我里面的小一些。颜色也不一样。对吧,来我给他了两个都加一个点睛,听at等于好一个叫TEST5可以吧。好,另外一个。TKT6。如果嵌套两个div都加点进,存在一个问题叫世界冒泡。啊,来看一下就知道了。
08:04
这个TEST5执行说明是点击了外面还是里面。是外部吧,啊外部,那我就写个out。可以吧,好,来,再来一个,还开始节。New。啊a lott,好,这个里面我就写个音了,可以吧,好,我们现在来看一下效果是一个什么样的效果。这是说什么,点击了里面,点击了什么,外面这有问题吧,如果点击外面这个是没问题的,好可以吧,可以,但里面的时候有问题,你不能这么想应。也就是我点这个里面只能是谁响应赢了out不能响应对吧,之所以响应,问题是什么?事件有冒泡。对吧,我们要想实现我们想要的效果,要做一个什么事情。
09:04
竹子世间冒泡对不对?啊,更准确的说,叫停止世界冒泡。哎。这个概念很重要,叫停止,停止用英文怎么说,Stop?那其实呢,我们以前的做法啊,是这么做的,应该在in了的这个回调函数里面,首先有一个一对吧,Even的点是多少包。二加。叫什么来着?嗯,挺好像是一个挺复杂的单词是吧,嗯。没有吧,好像嗯,这个吧。而且如果这个地方原生的语法其实上是有一点兼容性问题的,不算是特别好,嗯。这种做法呢,其实在里面它有更加简洁的做法啊,我们不会这么做的。
10:04
嗯,我们不怎么做,怎么做呢?来啊,这个也不用定义了,你要不要就不用定义了是吧,那大家看到非常非常简单。里面是吧,点。是的。啊,看看。是不很贴心对吧,很舒服,让人感觉,哎,这个就是好啊。能看到吧,啊,这样我们就非常简洁的实现了停止事件冒泡,对吧,关于事件的还有一个操作,叫事件的默认行为。啊,OK,可以说来一个A标签是吧,好,假设我写一个去百度可以吧,好,这里面来一个HTDB啊3W点百度点com是吧,百度点com。
11:03
那我点这个A标签是不是过去了,好,我现在呢,来给它加一个at是吧,At以后我这里面呢,有一个假设TEST7。可以吧,现在呢,我不想过去去百度,我就想这个是回调函数,想一下就够了,不想过去大家看看现在是个什么情况啊,先看我们现有的情况再说我了一下。点击了是吧,来看一下啊。刷牙。点一下,哎,现在还没过去吧。是不是过去了,过去,我现在不想过去。怎么呢?是不是要阻止世界的默认行为,以前怎么做啊,以前是不是这里面有个event,这有一个event default对吧?啊,OK啊,不用啊,太费劲了。
12:01
得多,那竹子不白说了吗?一个叫停止界冒泡,一个叫什么阻止事件的默认行为啊,一定要记住这两个概念啊,因为这两个概念对应两个单词。用起来挺舒服的是吧?啊OK,好,这就是说的事件修图有两个啊,一个叫点stop,一个叫点什么prevent,我们后面项目里面就会用到这个。啊。好,下面还有一个叫按键修饰符,好,我说一个例子大家就能懂啊,看到。我有一个input啊,这个input里面呢,我想实现一个效果啊,我想实现效果什么效果呢?大家看到我我输入ABC,我输入一个数据,接着我按一下enter键。
13:02
就提示一下当前内容。按一下enter键,记住啊,我必须是entert键,按别的键都不行对吧?啊,这个首先我肯定要是给当前这个输入框加监听对吧?加什么监听呢?这里面有一个监听叫k up。什么意思?什么时候出发?啊,按键抬起来的时候嘛。K up是不是抬起来的时候就调用啊,能看到吧,调用一下我来去干一个事情啊,比如说test的。八吧,可以吧,开始了八好了。我想这在太史班里面读到当前的内容,看看怎么做。首先这个地方是不是接受一个event,我要得到当前输入法内容怎么办?点他给他点value嘛。
14:03
试一试吧,这不得了,值吗?好,关键这行吗?我再强调一遍啊,我只能点enter键的时候。点N键啊,起来的时候才去,但现在呢,任何键,比如说我输入一个A。出来了。不是我想要的呀。对吧,所以啊,按我们以前的搞法啊,就需要去判断。这个英文的里面有一个属性叫K扣的。也就我们以前的就是这里面有个K扣的吗?啊,如果这个K扣的要等于谁的值N键,每一个键是不是都有一个自己唯一的K扣的。啊,至于是多少我还真记不住啊,就是这里面,譬如说我想得到那个KQ的还是容易的,大家看到我得到1KQ的,同时我KQ的也提示一下,大家看一下啊,这个不用记啊,啊,比如说我想得到啊even的点KQ的可以看到吧,来大家看一下。
15:09
算一下啊,我如果输入一个A,大家看它A的配合的是多少,65接着我输按一下enter键。13那个KO等于13对不对,那我要实现这样效果怎么做啊。来个一判断吗?一他的意思么?三我才去干嘛了的?是这么回事吧,啊,就这么回,就这么回事啊,挺简单一个事情。是吧,好,我们来看一下是不是在哪啊,试一下就知道,刷新一下abcd有问题吗?没问题,按一下enter键。看到吧,啊,OK,好,这就是我们比较原始的写法,那其实在里面没有必要这么做啊,没有必要这么做,那怎么做呢?来,我直接这样整着看着我。
16:07
点13,有人说老师,我哪记得住多少那个数值啊,对不对,记不住没关系,写名字。哎呀,是吧,这问题想的很好了,他都知道你的痛点。看一下啊,比如说我输入AA没问题吧,随便输啊,按下那个键。是不是出来了啊,这个也是一样啊,OK,按下按键,诶出来了。啊,其实要做到这样类似的事情啊,不需要他的内部需要写的代码并不算特别多,但就是他能想得很细,把各个小细节都帮你封装好啊,让你用起来舒服。这就是他所说的什么呢?按键修饰符。
17:06
啊,但这里要说一下,并不是所有的按键它都有名称,都会设定一个名称,只有少数的按键有啊,OK,你比如说A好像就没有。啊,就是A按键A啊有哪些按键呢?譬如说space应该有一些特别的按键。吧,啊,OK,当然我们是用的最多的。对吧,经常有时候是按键触发某一个操作的一个非常关键的按键啊好,这是这个。那这里面呢,就说了三个事情,第一个如何绑定监听。啊,主旨就是什么,哎,还要知道啊,括号加不加对吧,传不传参数啊,多了一问这个特别的参数。再一个叫事件修饰符,以及什么呢?按键修饰符。一个是在这里面有两种啊。
18:01
停止事件冒泡,阻止事件的什么默认行为,最后指定一些特别的案件才触发事件是吧,就这么个事。
我来说两句