javascript - 有没有办法使 div 模糊或聚焦？

Question

如果我给一个 div 一个焦点/模糊事件处理程序，该处理程序(如果有的话)什么时候运行？

Answer 1

如果你给 div 一个 tabindex 属性，它将能够接受焦点:

<div id="example" tabindex="0">Random content</div>

然后您可以像往常一样附加 focus 和 blur 事件处理程序。例如:

document.getElementById("example").onfocus = function() {
    console.log("focused");
}

当你点击它时，焦点将被赋予 div，当你点击任何其他元素时，blur 将被触发。