vue按键修饰符

事件的类型有以下四类:

js事件分为四类:
鼠标事件:click、mouseover、dbclick、mousedown、mouseout...
键盘事件:keydown、keypress、keyup..
窗体事件:load、reseize、scroll...
表单事件:blur、focus、input、change、select
传统方式的弊端:需要了解每个数值的键码
为了在必要的情况支持就浏览器,vue提供了绝大多数常用的按键码的别名
.enter enter键
.tab
.delete
.space
.up
.down
.left
.right
如:在一个输入框中按了回车键,就执行某个函数
使用keydown.enter来表示按键是enter时执行某个函数
<input type="text" @keydown.enter="enterfun">

methods: {
      enterfun (){
           console.log('按了回车键');
    }
}

 

posted @ 2024-08-15 09:09  洛飞  阅读(9)  评论(0编辑  收藏  举报