vue中键盘事件的触发

1:我们已经知道,vue中事件的基本使用就是 加上@click ,举个简单例子给按钮添加点击事件:

<button @click="show">点我提示信息1(不传参)</button>
<button @click="shows($event,66)">点我提示信息2(传参)</button>

2:那么如何给键盘添加一个事件呢?

还是这样,再举个例子,我们给输入框绑定一个简单的回车事件。

<input type="text" placeholder="按下回车提示输入" @keydown.enter="show">

那么keydown就是说键盘敲下时就触发,那如果想键盘敲下,然后手离开时再触发时我们就会用到keyup。

3:常见的键盘事件。

                            回车 => enter

                            删除 => delete (捕获“删除”和“退格”键)

                            退出 => esc

                            空格 => space

                            换行 => tab (特殊,必须配合keydown去使用)

                

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值