vue的事件对象

事件对象：    

v-on:click/mouseover

简写：

    @click=""

 

    @click="show($event)"  
<input type="button" value="按钮" @click=“show($event,12)”
methods: {
 show: function(ev, b){
         alert(ev.clientX);
     }
}

 

 

    ev.clickX

事件冒泡:

     阻止冒泡：

            a) ev.cancelBubble=true;      (原生js语法)

             b) @click.stop="show()" 推荐使用

默认行为（默认事件）

       阻止默认行为：

            a) @contextmenu.prevent="show()"  右键行为事件，但右键有个默认行为；推荐使用

            b) ev.preventDefault() （原生js语法，阻止默认行为）

键盘事件

    @keydown="show(event)"  ev.keyCode

    @keyup

        回车：

                @keyup.13

                @keyup.enter

        上下左右

                @keyup/keydown/l

                @up, down left, right