要素をクリックしてフォーカスを合わせる最も簡単な方法は？

1つの要素がクリックを取得し、別の要素がフォーカスを取得できるようにする方法はたくさんありますが、要素自体を集中させることでリソースを浪費するようです。要素をクリックしてフォーカスを合わせる最も簡単な方法は？

私は

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

と

<div onclick="this:focus"></div>

を試してみました、動作するようには思えませんでした。

jqueryしないでください、すべてのクリックをキャプチャしないでください。それはリソースの過労です。 Mozillaから

：

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

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

2016-10-12 12:34:06 SergiP

：あなたはmouseDownイベントハンドラからHTMLElement.focus（）を呼び出した場合

、あなたはのHTMLElementを残してからフォーカスを維持するためにevent.preventDefault（）を呼び出す必要があります。

また、すべてのHTML要素がフォーカスを受け取るわけではありません。（this SO pageを参照してください。）

アンカーを使用してスクロールするというTedの考えは良いことです。あなたはそれがユーザーにより集中できるようにするために0にdiv要素のtabindex属性を設定する必要が

2016-10-12 12:20:27 freginold

答えて