本文主要简单介绍了事件对象，顺便回顾了一下事件句柄 （EventHandlers），键盘的一些属性，以及最有可能的事件冒泡，同样的防止事件冒泡，vue下怎么解决，vue提供了那些防止事件冒泡的便利。1.事件处理程序 （EventHandlers）HTML4.0的新特性之一是能够使HTML事件触发浏览器中的操作，例如当用户单击HTML元素时启动JavaScript。下面是可以插入到HTML标记中以定义事件行为的属性列表。看图：vue事件前面没有on，例如：@click="vclick($event)"图片素材截图来自w3school2。鼠标/键盘属性说明：以上是属于事件对象的属性示例：functionbox2click(event){//alert(1);console.log('box2');控制台日志（事件）；if(event.altKey){console.log('触发事件时按下alt键');}}3.IE属性4.标准事件属性类型可以知道事件类型如5.标准事件方法6.在前面的事件冒泡div中放一个按钮，在div和div中都添加一个点击事件javascript处理方法thebutton://在functionbtnclick(event){//alert(1)之前获取事件的方法；console.log('上一个');控制台日志（事件）；//之前停止事件冒泡的方法//event.stopPropagation();}functionbox2click(event){//警报(1);console.log('box2');控制台日志（事件）；if(event.altKey){console.log('altkeywhentheeventistriggeredPressed');}}比较vuehtml部分的方式：javascript部分：varvm=newVue({el:'body',data(){return{msg:'hello'}},methods:{vclick(event){//alert('vue点击');控制台日志（事件）；console.log('btn');//事件.stopPropagation();event.cancelBubble=真；},boxClick(event){//alert('boxclick');控制台日志（事件）；}}})防止冒泡简写方式：html关键部分：methods方法部分：stopClick(){console.log('stopClick');}阻止默认事件html部分：方法方法部分：//阻止鼠标右键menuClick(){alert('menu');//事件.preventDefault();}eventobjectcodekeyboardeventvarvm=newVue({el:'body',methods:{keydownFnc(event){console.log(event);console.log(event.keyCode)}}})Vue提供了一些常用的使用的方法，如@keyup.enterkeyup事件由Enter事件代码触发参考其他：vue1.x的基本使用（一）
