onblur

In a nutshell; I wrote a simplistic chat application for a buddy and me to use. When the window running the application does not have the focus (minimized or behind other windows) and a message comes in, I want to change the windows title bar to serve as an alert. Exactly like Google's chat application does in GMail. Everything works flawlessly in Firefox and Chrome but not in IE7 (haven't tested 8). This is the code I am using to determine if the window has focus. Can this be written differently to also work in IE? Also, I'm open to any other approaches to accomplish the same thing. Many

What are the advantages of using jQuery's $(window).blur(function() { ... }) to attach an event handler versus setting it directly with window.onblur = function() { ... } It seems that the latter is less robust because it only supports one blur handler, and when used with other packages, other code might override the window.blur value with another function. However, couldn't this also happen with the jQuery implementation too, which presumably uses window.blur as its underlying implementation? EDIT: Several people have also mentioned the window.addEventListener alternative, which can be used

I have the following input field as below. On blur, the function calls a service to update the input value to the server, and once that's complete, it updates the input field. How can I make it work? I can understand why it's not letting me change the fields but what can I do to make it work? I can't use the defaultValue because I will be changing these fields to some other ones <input value={this.props.inputValue} onBlur={this.props.actions.updateInput} /> In order to have the input value editable you need to have an onChange handler for it that updates the value. and since you want to call a