仅使用脚本设置对输入的关注

您的代码工作正常，只是不在 jsFiddle 或 Stack Overflow 代码段 iframe 中。原因是当您单击“运行”时，您实际上将焦点转移到另一个页面（另一个窗口元素）。因此，在超时模拟按钮上的点击之后，您的元素可以正常聚焦，但您的页面却没有，因此您看不到它。您可以尝试将延迟设置为 5 秒，然后在超时模拟单击之前单击预览窗口上的任意位置，您将看到您的输入将具有与单击按钮时完全相同的焦点。您还可以访问当前聚焦的元素document.activeElementvar input = document.querySelector("input");var btn = document.querySelector("#btn");console.log('active element:', document.activeElement);btn.addEventListener("click", function(event) {  //when triggered by a mouse click on the button, produces desired result  console.log("click");  input.focus();});setTimeout(function(e) {  var event = new Event("click");  //does not produce desired result  btn.dispatchEvent(event);  //does not produce desired result  btn.click();  console.log('active element:', document.activeElement);}, 5000);<input type="text" /><button id="btn">button</button>

仅使用脚本设置对输入的关注

3回答