vue事件属性

1.焦点事件:在元素获得或失去焦点时触发的事件

@blur是当元素失去焦点时所触发的事件

@focus是元素获取焦点时所触发的事件

2.鼠标事件

a.

@click()/@dblclick() 

单击事件/双击事件

b.

@mousedown()/@mouseup()

按下触发/抬起触发

c.

@mousemove()

当鼠标指针在指定元素中移动时 就会发生mousemove事件  移动一个像素 就会发生一个mousemove

d.

@mouseleave()

当鼠标指针离开被选元素时 就会发生mouseleave事件

e.

@mouseout()

当鼠标指针从元素上移开时 发生mouseout事件

与mouseleave事件不同 不论鼠标指针离开被选元素还是任何子元素 都会触发mouseout事件

f.

@mouseenter()

当鼠标指针进入被选元素时 就会发生mouseenter事件

g.

@mouseover()

当鼠标指针位于元素上方时 就会发生mouseover事件

与mouseenter事件不同 mouseover事件在鼠标指针进入被选元素或任意子元素时都会被触发         mouseenter事件只有在鼠标指针进入被选元素时被触发

3.滚轮事件

滚轮滚动:@wheel="方法名" 只要鼠标滚轮动 就会执行相应回调

@scroll=“方法名“ 窗口滚动条滚动 就会执行                                     ”

4.输入事件

focus 获得焦点 @focus

输入框聚集焦点时触发

就是当焦点转移到input框上边的时候触发

blur 失去焦点 @blur

输入框失去焦点时触发

输入框在输入完成 移到其他地方时进行验证时 需要用到该事件 用此事件进行绑定验证方法

change变更 @change

输入框里面内容发生改变且失去焦点时触发

input实时变化@input

输入框里面内容发生改变（且不用失去焦点时）触发

跟随输入框输入内容实时变更数据

适用于实时查询 每输入一个字符都会触发该事件

keyup抬键抬起 @keyup

事件时在pc上需要点击回车键触发 

5.键盘事件

keyCode 属性包括键盘中对应键位的键值

charCode属性包含键盘中对应键位的Unicode编码 

target 发生事件的节点 包含元素

srcElement 发生事件的元素 

shiftKey 是否按下Shift键 如果按下返回true 否则为false

ctrlKey 是否按下Ctrl键 如果按下返回true 否则为false

altKey 如果按下返回true 否则为false

metaKey 如果按下返回true 否则为false