vue3中的回车键完成input的切换功能

目前我完成的好像是在不同的div中是实现不了的，因为我使用了nextElementSibling这个属性，如果你们有更好的全局实现的方法，不妨留在评论。

.input {flex-wrap: wrap;margin-bottom: 0.5rem;width: 15rem;height: 2rem;
}

const arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g']// 监听键盘事件 如果按键是回车键就执行函数 handleKeyup
document.onkeydown = function (e) {if (e.key === 'Enter') {handleKeyup(e.key)}
}
const handleKeyup = (e) => {if (e === 'Enter') {// activeElement属性获取当前获得焦点的元素const activeInput = document.activeElement// console.log(activeInput)// nextSibling 属性返回元素节点之后的兄弟节点（包括文本节点、注释节点）；// nextElementSibling属性返回指定元素之后的下一个兄弟元素（相同节点树层中的下一个元素节点）（不包括文本节点、注释节点）let nextInput = activeInput.nextElementSibling// console.log(nextInput)nextInput && nextInput.focus()}
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！