11_尚硅谷_Vue_事件处理

好，我们去啊。我看下一个。嗯。啊，下一个说的是事件处理相关的，其实这个也比较简单，我们来看一下。这里面也有一个啊，也有一个效，这都是几个测试用例啊，组成的保定监听事件修饰符，以及按键修饰符。来吧。嗯。写一些基本代码。嗯，来个EL，它是应该是井号一个。没问题是吧？好，接着准备一个date。可以吧，好，下面首先来看的第一个事情，绑定监听咱前面都做了是吧，只详述一下，假设叫太一。

那我愿意，一共三个。嗯。最原始的写法应该怎么写？Vega。啊，冒号世界名对吧，等于一个回调函数呗。是吧，我这个回调函数最最简单的写法就是。这么写呗。是吧，啊，但我们平常说这这种写法，咱一般不会写，怎么写不。是吧？啊，OK，好来，那我就在里面a lott啊，开一。可以吧，好，下面我们来说一个，我们后面还讲过一个是什么事啊。就是我们可以传一个什么。是不是自己的数据。就是说来一个呃，ABC。那我再来一个硅谷吧，可以吧，好，这个就不能叫T1了，假设叫什么T2。

这个应该也是也没问题是吧，那这个地方去接受一个message可以吧，啊或者叫名字都行啊，这个没关系。可以吧，这前面都应该咱讲过这个事的。点一下是不是一样没问题，再点一下硅谷是吧，好有种情况。啊，我的第三个特色，我想干嘛呢？我想去得到它的值。我想得到这个button的文本。肯定等于啊，可以说我来个太13，那我怎么办呢？我要得到这个文本。要得到这个文本，是不是得得到。当前的这一个八吧，哎，有一个方法，其实啊，这个地方事件回流函数里面可以传一个东西的。

啊，穿个什么呢，大家看一下啊。有这样一个特别的一个变量叫多，这个就代表我的一个事件对象。代表我那个实践对象，那也就是说我在这个里面。一个什么。OK，其实如果哎，我就这么写的，我就这么写的。这个其实就有。本来就是，只是我们前面没用。来，我们来测验一下是吧，哎。A，什么呢，Even。点什么？Event就是就能点in HP了。先是不是得到1万的，1万里面有个属性，这个属性没用过吗。

用过吧，用过接着得到它里面的。是不是有啊啊OK。好，我们来看一下。有没有有，但关键是我现在吧，我现在这样的。啊，这个是木船是吧，我现在有一个事情啊，有一个什么事呢，来我开始试。我本来就自己要传一个东西。对吧。来看一下我自己假设要传一个数值，我传了一个123。对吧，同时呢，我还想去得到这个值。也就是我想得的值，是不是要有这个呀。那关键的问题是，如果你这么写了，他就不会给你传了。大家看我刚刚没有指定参数吧，他就自动给我传了一个什么。那现在呢，我还能像他这么写吗？我还能写英文的吗？不能了，我这里面是不是自己指定了一个参数。

是吧，啊，假设这个就叫number吧。对吧，那关键现在呢。我怎么写？因为现在参数已经被我什么。是不是指定呢，哎，这个时候。传这个变量，这个变量是所有的事件回调函数在指定时候都给传的一个变量。那也就是说我们现在是不是可以接受一个来，我们现在看一下把这个。Number吧，呃，加上一个杠杠，接着再加上。Even了点。他给他点HK吗。对吧。

这个能不能看到。应该是可以看到的，也就是说你要不传参数，实际上本质上是不是传了呀。传的这个英文的，说白了就是你要不传，他实际上这么搞的，怎么搞，你不传相当于他这么搞的。是这意思吧？啊，OK，当然我们平常不会这么写是吧？就这么试啊，OK，我现在是来算一下，走你。各位可以没有任何问题。嗯。所以说到底就是如果我不传，那实际上传的什么，Even问他，如果你传，那只能是传你指定的吧，而且有一个变量可以用哪个。多少伏可以用啊，就这么个事。好，下面要说两个概念，一个叫事件修饰物，一个叫按键修饰物，什么效果呢？来，我先准备点东西啊。

来一个div啊，来一个div。这个地方写一个style，给它一个宽度，假设是200PX，给它一个高度也是200PX啊，给他一个背景颜色。假设是红色吧，对。好，我来搞两个div金嵌套。那嵌套的时候呢，我里面的小一些。颜色也不一样。对吧，来我给他了两个都加一个点睛，听at等于好一个叫TEST5可以吧。好，另外一个。TKT6。如果嵌套两个div都加点进，存在一个问题叫世界冒泡。啊，来看一下就知道了。

这个TEST5执行说明是点击了外面还是里面。是外部吧，啊外部，那我就写个out。可以吧，好，来，再来一个，还开始节。New。啊a lott，好，这个里面我就写个音了，可以吧，好，我们现在来看一下效果是一个什么样的效果。这是说什么，点击了里面，点击了什么，外面这有问题吧，如果点击外面这个是没问题的，好可以吧，可以，但里面的时候有问题，你不能这么想应。也就是我点这个里面只能是谁响应赢了out不能响应对吧，之所以响应，问题是什么？事件有冒泡。对吧，我们要想实现我们想要的效果，要做一个什么事情。

竹子世间冒泡对不对？啊，更准确的说，叫停止世界冒泡。哎。这个概念很重要，叫停止，停止用英文怎么说，Stop？那其实呢，我们以前的做法啊，是这么做的，应该在in了的这个回调函数里面，首先有一个一对吧，Even的点是多少包。二加。叫什么来着？嗯，挺好像是一个挺复杂的单词是吧，嗯。没有吧，好像嗯，这个吧。而且如果这个地方原生的语法其实上是有一点兼容性问题的，不算是特别好，嗯。这种做法呢，其实在里面它有更加简洁的做法啊，我们不会这么做的。

嗯，我们不怎么做，怎么做呢？来啊，这个也不用定义了，你要不要就不用定义了是吧，那大家看到非常非常简单。里面是吧，点。是的。啊，看看。是不很贴心对吧，很舒服，让人感觉，哎，这个就是好啊。能看到吧，啊，这样我们就非常简洁的实现了停止事件冒泡，对吧，关于事件的还有一个操作，叫事件的默认行为。啊，OK，可以说来一个A标签是吧，好，假设我写一个去百度可以吧，好，这里面来一个HTDB啊3W点百度点com是吧，百度点com。

那我点这个A标签是不是过去了，好，我现在呢，来给它加一个at是吧，At以后我这里面呢，有一个假设TEST7。可以吧，现在呢，我不想过去去百度，我就想这个是回调函数，想一下就够了，不想过去大家看看现在是个什么情况啊，先看我们现有的情况再说我了一下。点击了是吧，来看一下啊。刷牙。点一下，哎，现在还没过去吧。是不是过去了，过去，我现在不想过去。怎么呢？是不是要阻止世界的默认行为，以前怎么做啊，以前是不是这里面有个event，这有一个event default对吧？啊，OK啊，不用啊，太费劲了。

得多，那竹子不白说了吗？一个叫停止界冒泡，一个叫什么阻止事件的默认行为啊，一定要记住这两个概念啊，因为这两个概念对应两个单词。用起来挺舒服的是吧？啊OK，好，这就是说的事件修图有两个啊，一个叫点stop，一个叫点什么prevent，我们后面项目里面就会用到这个。啊。好，下面还有一个叫按键修饰符，好，我说一个例子大家就能懂啊，看到。我有一个input啊，这个input里面呢，我想实现一个效果啊，我想实现效果什么效果呢？大家看到我我输入ABC，我输入一个数据，接着我按一下enter键。

就提示一下当前内容。按一下enter键，记住啊，我必须是entert键，按别的键都不行对吧？啊，这个首先我肯定要是给当前这个输入框加监听对吧？加什么监听呢？这里面有一个监听叫k up。什么意思？什么时候出发？啊，按键抬起来的时候嘛。K up是不是抬起来的时候就调用啊，能看到吧，调用一下我来去干一个事情啊，比如说test的。八吧，可以吧，开始了八好了。我想这在太史班里面读到当前的内容，看看怎么做。首先这个地方是不是接受一个event，我要得到当前输入法内容怎么办？点他给他点value嘛。

试一试吧，这不得了，值吗？好，关键这行吗？我再强调一遍啊，我只能点enter键的时候。点N键啊，起来的时候才去，但现在呢，任何键，比如说我输入一个A。出来了。不是我想要的呀。对吧，所以啊，按我们以前的搞法啊，就需要去判断。这个英文的里面有一个属性叫K扣的。也就我们以前的就是这里面有个K扣的吗？啊，如果这个K扣的要等于谁的值N键，每一个键是不是都有一个自己唯一的K扣的。啊，至于是多少我还真记不住啊，就是这里面，譬如说我想得到那个KQ的还是容易的，大家看到我得到1KQ的，同时我KQ的也提示一下，大家看一下啊，这个不用记啊，啊，比如说我想得到啊even的点KQ的可以看到吧，来大家看一下。

算一下啊，我如果输入一个A，大家看它A的配合的是多少，65接着我输按一下enter键。13那个KO等于13对不对，那我要实现这样效果怎么做啊。来个一判断吗？一他的意思么？三我才去干嘛了的？是这么回事吧，啊，就这么回，就这么回事啊，挺简单一个事情。是吧，好，我们来看一下是不是在哪啊，试一下就知道，刷新一下abcd有问题吗？没问题，按一下enter键。看到吧，啊，OK，好，这就是我们比较原始的写法，那其实在里面没有必要这么做啊，没有必要这么做，那怎么做呢？来，我直接这样整着看着我。

点13，有人说老师，我哪记得住多少那个数值啊，对不对，记不住没关系，写名字。哎呀，是吧，这问题想的很好了，他都知道你的痛点。看一下啊，比如说我输入AA没问题吧，随便输啊，按下那个键。是不是出来了啊，这个也是一样啊，OK，按下按键，诶出来了。啊，其实要做到这样类似的事情啊，不需要他的内部需要写的代码并不算特别多，但就是他能想得很细，把各个小细节都帮你封装好啊，让你用起来舒服。这就是他所说的什么呢？按键修饰符。

啊，但这里要说一下，并不是所有的按键它都有名称，都会设定一个名称，只有少数的按键有啊，OK，你比如说A好像就没有。啊，就是A按键A啊有哪些按键呢？譬如说space应该有一些特别的按键。吧，啊，OK，当然我们是用的最多的。对吧，经常有时候是按键触发某一个操作的一个非常关键的按键啊好，这是这个。那这里面呢，就说了三个事情，第一个如何绑定监听。啊，主旨就是什么，哎，还要知道啊，括号加不加对吧，传不传参数啊，多了一问这个特别的参数。再一个叫事件修饰符，以及什么呢？按键修饰符。一个是在这里面有两种啊。

停止事件冒泡，阻止事件的什么默认行为，最后指定一些特别的案件才触发事件是吧，就这么个事。