Javascript 最简单的方法是使元素被点击并被聚焦？

有很多方法允许一个元素点击，另一个元素聚焦，但使用它们使元素本身聚焦似乎是浪费资源

我试过了

<div onclick="this.focus()"></div>

及

但它似乎不起作用

请不要使用jquery，不要捕获所有的点击。这是对资源的过度消耗。

来自：

如果从mousedown事件处理程序调用HtmleElement.focus（），则必须调用event.preventDefault（）以防止焦点离开HtmleElement

还请注意，并非所有HTML元素都可以接收焦点。（见附件。）

Ted使用锚点滚动到它的想法很好。

来源：

如果从mousedown事件处理程序调用HtmleElement.focus（），则必须调用event.preventDefault（）以防止焦点离开HtmleElement

还请注意，并非所有HTML元素都可以接收焦点。（见附件。）

---

Ted使用定位点滚动到它的想法很好。

您必须将div的tabindex设置为0，以便用户能够聚焦它：

<style>
div:focus {
   background-color:yellow;
}
</style>

<div tabindex="0" onclick="this.focus();">CLICK HERE to Focus</div>

新闻组：焦点{
背景颜色：黄色；
}
点击这里集中注意力

您必须将div的tabindex设置为0，以允许用户对其进行聚焦：

<style>
div:focus {
   background-color:yellow;
}
</style>

<div tabindex="0" onclick="this.focus();">CLICK HERE to Focus</div>

新闻组：焦点{
背景颜色：黄色；
}
点击这里集中注意力