我要做的是创建一系列警报弹出窗口,用作学习网站功能的教程.弹出窗口将一个接一个地出现,解释网站的每个“div”.当弹出窗口出现时,我希望引用的“div”被聚焦(带到前台),这样它就会更加明显.
代码看起来像这样,显然它不起作用：
var someDiv = document.getElementById('someID');
someDiv.focus();
alert("Message explaining functionality");
我究竟做错了什么？
解决方法
要使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>
