javascript - .is(focus) vs .activeElement? -

i've run strange problem, i've resolved using document.activeelement.id, when using $('#id').is(':focus') seems return false.

in console, tested out following...

> 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 // check if focus lost somehow <input type="text" for="zoomslider" id="zoomtext" oninput="zoomsliderupdate(value)" value="100"> 

why is(':focus') return false?

first, have bug in code. should $('#zoomtext').is(':focus').

second, element in focus if cursor inside it. if cursor in javascript console, has focus , causes input blurred (out of focus).

try in javascript console, , put cursor in input. after 3 seconds, show "true" or "false" in console indicate focus state of "zoomtext" element.

settimeout(function() { console.log(jquery('#zoomtext').is(':focus')); }, 3000)