vue教程1-05 事件简写、事件对象、冒泡、默认行为、键盘事件

v-on:click/mouseover...... =""

事件对象:
    @click</span>="show($event)"<br><span style="color: #000000;"&gt;
事件冒泡:
    阻止冒泡:  
        a). ev.cancelBubble</span>=<span style="color: #0000ff;"&gt;true</span><span style="color: #000000;"&gt;;
        b). @click.stop    推荐<br>
默认行为(默认事件):
    阻止默认行为:
        a). ev.preventDefault();
        b). @contextmenu.prevent    推荐<br>
键盘:
    @keydown    $event    ev.keyCode
    @keyup

    常用键:
        回车
            a). @keyup.</span>13<span style="color: #000000;"&gt;
            b). @keyup.enter
        上、下、左、右
            @keyup</span>/keydown.left
            @keyup/keydown.right
            @keyup/keydown.up
            @keyup/keydown.down
        .....</pre>

简写的:  @click=""   推荐

> >

事件对象:@click="show($event)"

window.onload='#box'

            },methods:{
                show:</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;(ev,b){
                    alert(ev.clientX);
                    alert(b);
                }
            }
        });
    };

<div id="box">
<input type="button" value="按钮" @click="show(<span style="color: #ff0000;">$event,112)">

vue教程1-05 事件 简写、事件对象、冒泡、默认行为、键盘事件

相关文章

vue教程1-05 事件简写、事件对象、冒泡、默认行为、键盘事件