<div id="inner" tabindex="0">
    this div can now have focus and receive keyboard events
</div>

. getelementbyid(“测试”)。Onclick = function () { . getelementbyid(“照本宣科”).focus (); }; div:专注{ background - color:水; ｝ <div>元素X(不可对焦)</div> <div tabindex="0">元素Y(用户或脚本可聚焦)</div> <div tabindex="-1" id="scripted">Element Z(仅脚本可聚焦)</div> <div id="test">设置焦点到元素Z</div>

<div id="inner" tabindex="0">
    this div can now have focus and receive keyboard events
</div>

window.location.hash = '#tries';

这将滚动到有问题的元素，本质上是“聚焦”它。

要让边界闪光，你可以这样做:

function focusTries() {
    document.getElementById('tries').style.border = 'solid 1px #ff0000;'
    setTimeout ( clearBorder(), 1000 );
}

function clearBorder() {
    document.getElementById('tries').style.border = '';
}

这将使边界坚实的红色1秒，然后再删除它。

你可以使用tabindex

<div tabindex="-1"  id="tries"></div>

tabindex值可以允许一些有趣的行为。

如果给定的值为“-1”，则元素不能被标记为焦点 可以通过编程方式赋予元素(使用element.focus())。 如果给定值为0，则元素可以通过键盘聚焦 并归入文档的选项卡流。值大于 0创建一个优先级，其中1是最重要的。