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