JavaScript、jQuery、Vue给input绑定Enter回车事件

前端工程师在开发时,经常会遇到这样的需求,产品要求用户在input框输入完内容后按enter键自动提交表单到后台,不需要单击“保存”按钮再提交,以提高用户体验,接来下会分别介绍在JS、JQ、Vue中如何给input绑定Enter回车事件

键盘事件

键盘事件触发次序:①onkeydow ②onkeypress ③onkeyup

| 属性 | 描述 |
| onkeydown | 某个键盘按键被按下 |
| onkeypress | 某个键盘按键被按下并松开 |
| onkeyup | 某个键盘按键被松开 |

keyCode对照表

按键keyCode对照表

JS给input绑定Enter回车事件


  

JQ给input绑定Enter回车事件


  

Vue(结合Element UI框架)给input绑定Enter回车事件




文章每周持续更新,可以微信搜索「 前端大集锦 」第一时间阅读,回复【视频】【书籍】领取200G视频资料和30本PDF书籍资料

你可能感兴趣的:(JavaScript、jQuery、Vue给input绑定Enter回车事件)