Min's blog

I choose to see the beauties in the world.

导航

vue事件深入

Posted on 2017-06-25 10:44  Min77  阅读(124)  评论(0)    收藏  举报

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

ev.clientX---接收

事件冒泡:

  阻止冒泡:

  1. ev.cancelBubble=true;

  2.@click.stop=""   推荐

默认行为(默认事件):

  阻止默认事件:

  1.ev.preventDefault

  2.@contextmenu.prevent   推荐

键盘事件:

  @keydown="show($event)"    键盘按下触发,再显示文字

  @keyup="show($event)"         文字显示后,键盘抬起触发

 

  show:function (ev){
alert(ev.keyCode);
  }

键码触发事件:
@keyup.13="show($event)"
@keydown.13=''

 常用键码

  回车 enter  13

    @keyup.13

    @keyup.enter

  上   @keyup.up

  下   @keyup.down

  左   @keyup.left

  右   @keyup.right

@keyup/keydown.delete....