输入框监听键盘并调用指定方法

输入框绑定监听方法

<input @keydown.enter="(e) => keyDown(e, submitForm)"/>

<el-input @keydown.enter.native="(e) => keyDown(e, submitForm)"></el-input>

注意:

这边使用到了(e) => keyDown(e, submitForm) 可以将自带参数传给后面要调用的方法里,

如果直接使用keyDown默认会有e回车事件,但是如果使用keyDown(submitForm),则方法里就收不到回车事件所以需要使用上述写法

监听方法

// e回车事件 fun需要调用的方法
keyDown (e, fun) {
  fun()
},

// 需要调用的方法
submitForm () {}

回车键e.keyCode === 13

还有种通用的方法就是全局监听监听keyup事件

document.addEventListener("keyup", 执行方法);

这边注意因为是全局监听,所以离开页面时需要及时清理监听

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值