day05/上午/090-尚硅谷-尚融宝-事件监听

好，那在我们做这个嗯项目的时候呢，肯定会有一些事件的响应，比如说当我点击一个按钮的时候，然后呢，我可以提交一个表单，对吧，当我把鼠标移上去的时候啊，会发生啊有一个弹窗弹出来等等等等啊这样的一些事件，那么事件呢，我们在前端用事件监听啊，那事件监听在view当中去怎么去做呢？我们用这样的一个关键词叫VR，这也是一个指令，叫做事件监听指令，然后VR后面呢，我们写一个冒号，冒号后面呢写事件的名称，那这个事件呢，最简单的最常用的事件呢，就是点击事件了，所以呢，我们来做一个啊鼠标的点击事件这样的一个例子，那我们先创建一个叫做绑定事件监听的文件。新建文件叫绑定事件监听，接下来呢，我们把DEMO这里面的基础内容呢，给它复制进来，然后接下来呢，我们在div里面写个BOT啊好，这边呢我们写，比如说。

点击事件好，然后点击事件咱们怎么写呢？VR好同样后面是个冒号，后面写具体的事件名称，比如说呢是click时间好，然后这块呢，我们可以写个比如说alert啊。Hello，然后我们来看一下右键。啊一点。一点的话呢，你会发现。他这面呢，就会有问题，他说alert is not，下面啊，注意他说alert is not DeFined on the instance but。Refer doing render，也就是说我们直接这么用呢，好像就不太好用对吧？啊，那所以说怎么办呢，我们需要呢，在我们的这个里面去写什么呢？去写一个function啊所以呢，Function怎么写的，我们写的method方法里面，然后呢，在啊methods这个方法里面呢，比如说我们写一个，嗯。

Hello吧，这样的一个方法，然后在hello里面呢，我们写嗯，HELLO6对吧，好，接下来呢，我们把这个hello。写到这个位置啊。好，然后接下来呢，我们在这面。点击这样的话呢，这个hello又就展示出来了，明白哈，所以呢，在我们的点击事件当中啊，后面一般情况下呢，我们会直接跟一个方法的名字，而这个方法呢，我们管它叫methods，那这methods呢，我们是写在view这个上下文对象的一个method节点当中的，那么这method节点和上面的EL节点是一样的，是一个关键字，必须要这样写，那么同时大家不要忘了写S啊，然后所有的在啊页面当中，我们要执行的一些功能，一些复杂的业务逻辑，我们都可以封装到MYS里面的方法当中，那MAS里面的方法的方法名字呢，我们可以自定义，同时呢，这里面是有逗号的，所以这里面呢，我们可以去啊写一些啊，就是很多方法，比如说study，它是有一个方法要学习是吧？啊嗯。

好，然后接下来呢，我们可以再写一个按钮啊，这个叫去学习，好，然后这块呢，我们就可以把这个方法写。这样就调用了这个方法，那么这个位置呢，它有两种调用方式，一种呢，就是直接把引用写在这就行了，另外一种呢，你也可以写原括号，因为之前我们写Java斯就习惯的这块写个圆括号，对吧？啊写原括号也可以啊好，这两种方式都可以在这个比录当中，那么什么时候是必须写圆括号的呢？就是你需要在这地方你自己传一个参数啊，比如说这个地方呢，我想写一个username啊，Hello，那这块呢，改成username，然后这个地方呢，我就hello。

比如说看好，然后接下来呢，我们来看。这样的话呢，是必须写圆括号的，因为你需要传参数啊，当你不需要传参数的时候，那你就不用写原括号，当你需要传的时候就写上就可以了，明白哈，所以这块呢，是我们的啊，整个的这样的一个事件监听的两个简单的例子啊，那另外呢，这个事件监听呢，也有一个简便的一个写法啊，在这个地方我们可以直接把VR冒号改成at就行了啊，这个就是一个click事件，所以他们两个是实现相同功能的。

啊，点去学习，点去学习都是一样的效果。这个是我们所说的事件监听。