温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
好嘞,各位,那说到这儿呢,里的这个事件处理啊,说的就差不多了,然后呢,给大家补充两个小技巧啊,首先说说修饰符里的一个技巧,我们观察一下这个啊,就是阻止冒泡的,这个大家还记得吧,里边有一按钮对吧,我得阻止冒泡啊,才能让这个东西不冒泡到div身上是吧?来我们打开看一下啊,只关注第二个div啊。就是这个是吧,控制台呢,我也打开啊,刷新一下走只会弹窗一次,因为我阻止冒泡了啊,那不阻止呢,来我们快速的演示一下,不阻止回到这儿刷新走弹了一次吧,再弹是不是有两次好回来,那这个呢,是单纯的阻止冒泡,但是你说同学如果是这种情况怎么办啊,我把这button呢给它复制一份啊,把这个注掉,然后呢,我把这A标签给它拿回来啊,不让它是button了,是一个A标签,并且呀,它里边还配置了这个跳转的地址,哎,我给你写在这儿,你说这种效果会是什么样呢?我们一起看一下,各位回到这儿。
01:03
二个div是吧,哎,点能弹窗不能,但是你点完确定之后啊,它会照样的跳走,你说对吧,好了回来,那你说这事儿怎么办呀,也就是说我们目前光阻止冒泡是不是不够了,就是既得阻止冒泡还得阻止默认时间,那其实这个修饰符呢,它也是能连着写的,你比如说点stop,我再来一个点prevent,就是先停止冒泡,再阻止默认时间,好,那我们来看一下啊,回到这刷新走弹窗一次,OK,还不跳转是吧?说师,那我换个位置行不行呢?其实也可以啊,把它放在这儿走,再来一个点儿到说老师呢,这就是先阻止默认事件完了再停止冒泡呗,对功能效果都是一样的,但是你不能说他俩一样啊,这是先阻止默认行为,再停止冒泡,刚才是先停冒泡,再阻止默认行为,但是最终的效果是一样的,是不来刷新一下走。走是吧,弹窗一次,并且不跳转,诶这就是修饰符里的这么一个小技巧,好,那我把这个注掉,把这个打开啊,在这儿呢,写一个注释叫做修饰符,可以连续写好,然后还有一个啊,就是刚才这个键盘事件里面,咱不是说有这个系统修饰件嘛,然后呢,你看着现在我有这么一个需求,各位就这input的框啊,只有我按下CTRLY的时候,它才能提示输入,摁别的不行。
02:29
那怎么办?你可能会想到老师,那我就这样做呗,啊按照这个规则,我把这儿呢给它改成T对吧,那这呢,我正常写CTRLCTR,这不就可以了吗?那你看看你这样写是啥样的走。输入了这个123,我把控制台呢也给你打开,然后呢,刷新一下,我把我的那个按键提示打开啊,输入123好了,我的要求是只有按下CTRLY的时候才能提示你现在这个写法就是看着啊,CTRLY能行,Ctrl I能行,CTRLX行,CTRLC也行,对吧?你不符合我的要求吗?啊说老师那怎么办呀,简单回来,这也有一个技巧,就是修饰符后边系统修饰键嘛,在后边还能再来一个点Y啥意思?I就是它俩一起的时候,那你看一下呗,来到这儿我输入123啊注意了,CTRLY是不是能提示,那你看看ctrl I不行,CTRLX不行,CTRLC也不行,对不?哎,这里边有两个小技巧,当然用的也不是特别多是吧?哎,大家还是知道一下,好,那我们总结总结吧,各位,首先呢,事件的基本使用,用V-on和艾特服这种方式去绑事件,你一定得知道好吧啊,还有就是。
03:44
这个小括号加与不加都行,就是我们在绑定事件的时候,想穿参你就加着,不想穿参你就不加啊,然后再说这修饰符同学,你把前三个记住就可以了,后边那个呢,用的不多啊,然后键盘事件呢,其实啊,我们就光会这块也能够能完成正常的开发啊,剩下这些呢,其实用的也不是特别多,好,那事件这一块呢,咱就都说完了,这一小节停。
我来说两句