attr adding an event to an input field does not work in IE but does in Firefox

[johnH]

Using $(":input").attr("onfocus","alert(this.id);"); to add an event action to an input field will work in Firefox but not in IE (version 8.0.6001). Please see attached example.

[johnH]

Example of attr not working correctly in IE.

[justbeez]

Is there a reason that you would want to do it this way instead of the event methodology in jQuery?

Here's how you should be doing it:

$(":input").focus(function(e) { alert(this.id); });

/* -- OR -- */

$(":input").bind('focus',function(e) { alert(this.id); });

More information is available in the Events section of the documentation: ​http://docs.jquery.com/Events

[johnH]

That works fine, thanks.

[dmethvin]

Don't set event handlers using .attr().