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>