码迷,mamicode.com
首页 > 其他好文 > 详细

vue事件深入

时间:2017-06-25 12:00:45      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:function   tde   对象   key   常用   func   delete   menu   事件   

事件对象: @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....

 

  

vue事件深入

标签:function   tde   对象   key   常用   func   delete   menu   事件   

原文地址:http://www.cnblogs.com/minty/p/7076284.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!