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>

也尝试给它一段时间focus使用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>