jQuery and JavaScript Phrasebook

Handling Focus Changes

Click here to view code image

$("input").on("focus",   function(e){     gain_focus_code_here }); $("input").on("blur",   function(e){     lose_focus_code_here });

When handling form events, two important events are focus and blur. These events are triggered when a form element receives or loses focus. There is a lot that you can use these events for. For instance, you might want to change the look and feel of a form element when it gains focus or loses focus.