Vue--input监听回车事件,跳到下一个输入框
注意:打开控制台的时候,这个没作用,查了很久,查不出为什么,就很气!mounted() {let that = thisdocument.addEventListener("keydown", function inputClick(e) {switch (e.key) {case "Enter":e.preventDefault();that.$nextTick(() => {
·
2020-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" }
2020-11-02
注意:打开控制台的时候,这个没作用,查了很久,查不出为什么,就很气!
mounted() {
let that = this
document.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)
},
更多推荐
已为社区贡献5条内容
所有评论(0)