div设置为可获取焦点并且判断是否已获取焦点的方法

1、div如何获取焦点？

一言不合上代码

<div id="div1" contenteditable="true"></div>

给div添加contenteditable属性就可以了，值为true。

2、如何检测div是否已经获取焦点？

使用document.activeElement方法，该方法返回当前获得焦点的元素，此时给元素一个id，再判断获得的元素的id是否一致。demo：

<div id="div1" contenteditable="true"></div>

<script>
let div1 = document.getElementById("div1").id;
let currentFocus = document.activeElement.id;
console.log(div1 === currentFocus);    // 获得焦点时返回true，否则false
</script>