Comments on: .focusout() http://api.jquery.com/focusout/ jQuery API Reference Fri, 19 Aug 2011 09:06:00 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Jamietshaw http://api.jquery.com/focusout/comment-page-1/#comment-8055 Jamietshaw Thu, 09 Dec 2010 03:28:40 +0000 http://api.jquery.com/?p=1595#comment-8055 It might be easy to forget what focusout *doesn't* do. If you changed the example code so it fired on the div holding the input boxes:<br><br>$(".inputs").focusout(function() {fo++; $("#fo").text("focusout fired: " + fo + "x");});<br><br>Then be aware that focusout fires even when you move between child elements (i.e. the input boxes)<br><br>What if you want focusout only to fire when the whole thing loses focus? document.activeElement is no help in focusout, because it has been set to BODY by this point. the plugin <a href="http://plugins.jquery.com/project/focus" rel="nofollow">http://plugins.jquery.com/proj...</a> solves this issue. It might be easy to forget what focusout *doesn't* do. If you changed the example code so it fired on the div holding the input boxes:

$(“.inputs”).focusout(function() {fo++; $(“#fo”).text(“focusout fired: ” + fo + “x”);});

Then be aware that focusout fires even when you move between child elements (i.e. the input boxes)

What if you want focusout only to fire when the whole thing loses focus? document.activeElement is no help in focusout, because it has been set to BODY by this point. the plugin http://plugins.jquery.com/proj… solves this issue.

]]> By: Jamietshaw http://api.jquery.com/focusout/comment-page-1/#comment-7443 Jamietshaw Wed, 08 Dec 2010 19:28:40 +0000 http://api.jquery.com/?p=1595#comment-7443 It might be easy to forget what focusout *doesn't* do. If you changed the example code so it fired on the div holding the input boxes:<br><br>$(".inputs").focusout(function() {fo++; $("#fo").text("focusout fired: " + fo + "x");});<br><br>Then be aware that focusout fires even when you move between child elements (i.e. the input boxes)<br><br>What if you want focusout only to fire when the whole thing loses focus? document.activeElement is no help in focusout, because it has been set to BODY by this point. the plugin <a href="http://plugins.jquery.com/project/focus" rel="nofollow">http://plugins.jquery.com/proj...</a> solves this issue. It might be easy to forget what focusout *doesn't* do. If you changed the example code so it fired on the div holding the input boxes:

$(“.inputs”).focusout(function() {fo++; $(“#fo”).text(“focusout fired: ” + fo + “x”);});

Then be aware that focusout fires even when you move between child elements (i.e. the input boxes)

What if you want focusout only to fire when the whole thing loses focus? document.activeElement is no help in focusout, because it has been set to BODY by this point. the plugin http://plugins.jquery.com/proj… solves this issue.

]]> By: Karl Swedberg http://api.jquery.com/focusout/comment-page-1/#comment-4767 Karl Swedberg Sun, 08 Aug 2010 23:48:30 +0000 http://api.jquery.com/?p=1595#comment-4767 Because we're attaching the event handlers to paragraphs, not inputs, and the blur event doesn't bubble. It's the fundamental difference between focusout and blur. Because we're attaching the event handlers to paragraphs, not inputs, and the blur event doesn't bubble. It's the fundamental difference between focusout and blur.

]]> By: Anonymous http://api.jquery.com/focusout/comment-page-1/#comment-11920 Anonymous Sun, 18 Jul 2010 18:46:00 +0000 http://api.jquery.com/?p=1595#comment-11920 Blur counter is empty all time. Why? Blur counter is empty all time. Why?

]]> By: Lorrat http://api.jquery.com/focusout/comment-page-1/#comment-2003 Lorrat Fri, 19 Feb 2010 12:40:32 +0000 http://api.jquery.com/?p=1595#comment-2003 The difference is that the events bubble to parent elements in focusin/focusout, which doesn't occur on blur/focus - just like the description states The difference is that the events bubble to parent elements in focusin/focusout, which doesn't occur on blur/focus – just like the description states

]]> By: exodusnicholas http://api.jquery.com/focusout/comment-page-1/#comment-401 exodusnicholas Fri, 22 Jan 2010 19:15:29 +0000 http://api.jquery.com/?p=1595#comment-401 bad demo, when focusing out from an input inside of a div, when the focusout is put on the div, when you focus out from the input to it's parent div, it messes up. It's just like blur. bad demo, when focusing out from an input inside of a div, when the focusout is put on the div, when you focus out from the input to it's parent div, it messes up. It's just like blur.

]]> By: emmychan http://api.jquery.com/focusout/comment-page-1/#comment-354 emmychan Thu, 21 Jan 2010 16:24:17 +0000 http://api.jquery.com/?p=1595#comment-354 focusin/focusout will fire on parent elements of the focused/blurred element. If you look at the example, the focusout event is firing on the paragraph element, even though the child input element is blurring. focusin/focusout will fire on parent elements of the focused/blurred element. If you look at the example, the focusout event is firing on the paragraph element, even though the child input element is blurring.

]]> By: azoff http://api.jquery.com/focusout/comment-page-1/#comment-205 azoff Sat, 16 Jan 2010 01:13:17 +0000 http://api.jquery.com/?p=1595#comment-205 focusout() and focusin() support <a href="http://www.quirksmode.org/js/events_order.html" rel="nofollow">event bubbling</a>, focus() and blur() do not. Also, focusin() and focusout() are supported by <a href="http://api.jquery.com/live/" rel="nofollow">jQuery.live()</a> focusout() and focusin() support event bubbling, focus() and blur() do not. Also, focusin() and focusout() are supported by jQuery.live()

]]>