100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Vue--input监听回车事件 跳到下一个输入框

Vue--input监听回车事件 跳到下一个输入框

时间:2022-04-18 05:31:06

相关推荐

Vue--input监听回车事件 跳到下一个输入框

-11-03更新

我用的是element-ui ,下拉框回车的时候,不会隐藏option。所以在setTimeout前面加上了

let select = document.getElementsByClassName("el-select-dropdown")for (let j = 0; j < select.length; j++) {select[j].style.display = "none" }

-11-02

注意:打开控制台的时候,这个没作用,查了很久,查不出为什么,就很气!

mounted() {let that = thisdocument.addEventListener("keydown", function inputClick(e) {switch (e.key) {case "Enter":e.preventDefault();that.$nextTick(() => {let inputs = document.getElementsByTagName("input");for (let i = 0; i < inputs.length; i++) {if (e.target == inputs[i]) {setTimeout(() => {e.target.blur()inputs[i + 1].focus();// inputs[i + 1].select();that.$forceUpdate()}, 500)break;}}})break;}}, !1)},beforeDestroy() {document.removeEventListener("keydown", inputClick(), false)},

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