1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Element UI的组件el-input添加回车键监听事件

Element UI的组件el-input添加回车键监听事件

时间:2018-10-27 01:23:30

相关推荐

Element UI的组件el-input添加回车键监听事件

纵观Element UIde input输入框组件(el-input组件),都没有发现可以给输入框添加的回车键监听事件,因为Element UI对其做了进一步封装,对比原生HTML的input标签的监听键盘(回车键)事件:

// 回车提交表单document.onkeydown = function (e) {// 兼容FF和IE和Operavar theEvent = window.event || e;var code = theEvent.keyCode || theEvent.which || theEvent.charCode;if (code == 13) {console.log('这是ASCII码为13的按键:回车键的监听事件。同理,别的按键监听只需更换这个按键对应的ASCII码值即可。')}}

直接添加onkeydown(或者@keyup.enter)是无效的。

要想在el-input中实现回车键监听事件,需要在@keyup.enter后面加上.native,即:

<el-input type="password" v-model="inputData" @keyup.enter.native="submitForm()" placeholder="Please enter your password"></el-input>

参考链接:

vue使用elementUI的el-input监听回车事件

js中回车触发事件

ASCII码表

欢迎大家一起讨论、学习

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。