vue常用事件

vue事件

//单击
@click
//双击
@dbclick
//移入
@mouseenter
//移出
@mouseleave
//按下
@mousedown
//弹起（释放）
@mouseup

//值变更（并失去焦点后触发）
@change
//值变更（不需要失去焦点就会触发）
@input

//获取焦点
@focus
//失去焦点
@blur

//滚动
@mousewheel

            //--键盘事件
//键盘按下时触发(当任意键按下时触发,键盘上的F键不触发)
@keydown
//键盘按住时触发(当字符键按下时,上下左右箭头键不触发,shift ctrl option command都不触发)
@keypress
//键盘弹起
@keyup

        //内定特殊按键 （获取按键的键码 e.keyCode）
//回车
@keyup.enter
@keyup.13 按回车键
//小键盘上键
@keyup.up 
//小键盘下键
@keyup.down 
//小键盘左键
@keyup.left 
//小键盘右键
@keyup.right 
//删除键
@keyup.delete

vue事件修饰符

1.prevent：阻止默认事件（常用）；
​ 2.stop：阻止事件冒泡（常用）；
​ 3.once：事件只触发一次（常用）；
​ 4.capture：使用事件的捕获模式；
​ 5.self：只有 event.target 是当前操作的元素时才触发事件；
​ 6.passive：事件的默认行为立即执行，无需等待事件回调执行完毕；