首页 > 其他分享 >vue按键修饰符

vue按键修饰符

时间:2024-08-15 09:04:37浏览次数:7  
标签:... vue 修饰符 按键 事件 enter

事件的类型有以下四类:

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('按了回车键');
    }
}

 

标签:...,vue,修饰符,按键,事件,enter
From: https://www.cnblogs.com/yansunda/p/18360196

相关文章