.is（focus）vs .activeElement？

Question

私はすでにdocument.activeElement.idを使用して解決した奇妙な問題に遭遇しましたが、$('#id').is(':focus')を使用すると常にfalseを返すようです。私のコンソールで

は、私は以下をテスト...

> document.activeElement 
<input type="text" for="zoomSlider" id="zoomText" oninput="zoomSliderUpdate(value)" value="100"> 

> $('#zoomText') 
<input type="text" for="zoomSlider" id="zoomText" oninput="zoomSliderUpdate(value)" value="100"> 

> $('#zoomText').is(':focus') 
false 

> document.activeElement // to check if focus was lost somehow 
<input type="text" for="zoomSlider" id="zoomText" oninput="zoomSliderUpdate(value)" value="100"> 

なぜis(':focus')は偽を返すのですか？

Answer 1

まず、コードにバグがあります。 $('#zoomText').is(':focus')である必要があります。

第2に、カーソルが内部にある場合にのみ、要素にフォーカスが当てられます。カーソルがJavaScriptコンソールにある場合は、フォーカスがあり、入力がぼやけています（フォーカスがずれています）。

JavaScriptコンソールでこれを試してから、カーソルをすぐに入力に戻してください。 3秒後、「true」または「false」がコンソールに表示され、「zoomText」要素のフォーカス状態を示します。

setTimeout(function() { console.log(jQuery('#zoomText').is(':focus')); }, 3000)