成都网站建设设计

将想法与焦点和您一起共享

vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析-创新互联

本文实例讲述了vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件。分享给大家供大家参考,具体如下:

创新互联专注于企业成都营销网站建设、网站重做改版、济宁网站定制设计、自适应品牌网站建设、html5商城网站定制开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为济宁等各大城市提供网站开发制作服务。

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

简写的:

@click=""        推荐

事件对象:

@click="show($event)"

事件冒泡:

阻止冒泡:

    a). ev.cancelBubble=true;
    b). @click.stop    推荐

默认行为(默认事件):

阻止默认行为:

    a). ev.preventDefault();
    b). @contextmenu.prevent   推荐

键盘:

@keydown    $event    ev.keyCode
@keyup

常用键:

    回车

        a). @keyup.13
        b). @keyup.enter

    上、下、左、右

        @keyup/keydown.left
        @keyup/keydown.right
        @keyup/keydown.up
        @keyup/keydown.down
    .....

简写的:  @click=""   推荐





分享文章:vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析-创新互联
本文路径:http://chengdu.cdxwcx.cn/article/doeddc.html