使用CSS将光标移动到另一个元素

当元素进入视图时，我试图移动光标（鼠标指针）的位置。 比如说，我在屏幕顶部有一个按钮，点击它，就会在屏幕上的其他地方打开一个窗口。它们在单据流中没有连接（位置：固定>

显示新项目时，我希望鼠标光标移动到新显示的元素，例如，移动到其中的“关闭”按钮。我添加了对focus（）的调用，但不起作用

function myClick(idName) {
  let listOfBios = document.getElementsByClassName("contents");
  const len = listOfBios.length;
  let elemName = "Content_" + idName; 
  let elem = document.getElementById(elemName);
  elem.focus();
  for(let i = 0; i < len; i++) {
    let theBio = listOfBios[i];

    if(theBio != elem){
      //alert(elemName);
      theBio.classList.remove("show_contents")
    }
  }
  elem.classList.toggle("show_contents", 1);
  elem.focus();
}

函数myClick（idName）{
让listOfBios=document.getElementsByCassName（“内容”）；
const len=listOfBios.length；
让elemName=“Content”+idName；
让elem=document.getElementById（elemName）；
元素焦点（）；
for（设i=0；i

---

假设其余的代码都能正常工作，那么我肯定有正确的元素ad toggle（）可以正常工作。

您需要JS来实现这一点。请参见下面的vanilla JS示例

在你看来：

<input type="text" id="myTextField" value="Text field.">

检查这把小提琴：

---

看起来仅仅使用CSS和JS是做不到的。试图解决这个问题，我希望是这样。

CSS只能设计光标的外观。是的，你需要Javascript.Thx来提醒我。布局不是代码。focus（）似乎它可能适用于输入字段，我的内容中没有输入字段，但我感觉有黑客入侵……可能是看不见的？检查我刚刚添加到应答器中的小提琴。这会改变输入位置，但我尝试不改变指针位置。谢谢。明白了，我误解了。不可能强迫用户的鼠标移动热爱代码。想象一下你能用这种功能做什么，这可能是UX方面最好的。这不是不可能的。我可以在我的目标操作系统中编写一个本机进程，然后从那里移动鼠标，但这远远超出了这个范围。

document.getElementById("myTextField").focus();