Javascript 在显示警告框时专注于 div

Question

我想做的是创建一系列警报弹出窗口，这些弹出窗口将用作学习网站功能的教程。弹出窗口将一个接一个地出现，解释网站的每个“div”的作用。当弹出窗口出现时，我希望引用的“div”被聚焦(置于前台)，以便它更加可见。

代码看起来像这样，显然它不起作用:

var someDiv = document.getElementById('someID');
someDiv.focus();

alert("Message explaining functionality");

我做错了什么？

Answer 1

要使 div 可聚焦，您必须使用 tabindex :

<div id='someID' tabindex='1'>MY DIV TEST</div>

同时尝试使用 setTimeout 给它一段时间来专注。

注意:我真的建议使用不同于 alert() 的另一个“灵活”模态插件。

希望这对您有所帮助。

var someDiv = document.getElementById('someID');
someDiv.focus();

setTimeout(function(){
  alert("Message explaining functionality");
},10)

<div id='someID' tabindex='1'>MY DIV TEST</div>