Javascript中自动切换焦点实现代码

在JavaScript中，自动切换焦点到页面上的不同元素通常是通过设置元素的`focus()`方法来实现的。这里有一个简单的示例，展示了如何在两个输入框之间自动切换焦点。

// 假设有两个输入框
<input type="text" id="input1" placeholder="Input 1">
<input type="text" id="input2" placeholder="Input 2">

// JavaScript代码
function switchFocus() {
  // 获取两个输入框
  const input1 = document.getElementById('input1');
  const input2 = document.getElementById('input2');
  
  // 检查哪个输入框当前有焦点
  if (input1 === document.activeElement) {
    // 如果input1有焦点，切换到input2
    input2.focus();
  } else {
    // 否则，切换到input1
    input1.focus();
  }
}

// 你可以设置一个定时器来自动调用这个函数，比如每2秒切换一次焦点
setInterval(switchFocus, 2000);

在这个示例中，`switchFocus`函数首先通过`document.getElementById`获取页面上两个输入框的引用。然后，它检查当前哪个输入框具有焦点（通过比较与`document.activeElement`）。根据检查结果，它将焦点切换到另一个输入框。最后，通过`setInterval`函数，我们每2秒调用一次`switchFocus`函数，从而实现自动切换焦点的效果。