,可以通过以下步骤实现:
以下是一个示例代码:
function moveFocus(event) {
if (event.keyCode === 13) { // 按下回车键
var currentInputId = document.activeElement.id; // 获取当前焦点所在的输入元素的id
var inputs = Array.from(document.getElementById('targetDiv').getElementsByTagName('input')); // 获取目标div中的所有输入元素
var currentIndex = inputs.findIndex(function(input) {
return input.id === currentInputId; // 找到当前焦点所在输入元素的索引
});
if (currentIndex < inputs.length - 1) { // 如果当前焦点所在输入元素不是数组中的最后一个元素
inputs[currentIndex + 1].focus(); // 将焦点移动到下一个输入元素
}
}
}
在上述代码中,需要将'targetDiv'替换为目标div的id。可以将该函数绑定到需要监听回车键的输入元素上,例如:
<div id="targetDiv">
<input type="text" id="input1" onkeydown="moveFocus(event)">
<input type="text" id="input2" onkeydown="moveFocus(event)">
<input type="text" id="input3" onkeydown="moveFocus(event)">
</div>
这样,当焦点在一个输入框中,按下回车键时,焦点将会自动移动到下一个输入框中。
领取专属 10元无门槛券
手把手带您无忧上云