Posted By

omerta83 on 07/08/10

Tagged

javascript
jquery

Versions (?)

Last Edited at 07/08/10 05:30pm

Statistics

Viewed 913 times

Favorited by 0 user(s)

Related snippets

How to perform action when element gains focus

/ Published in: JavaScript

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

jQuery('form')  
    .focusin(function(){  
        jQuery(this).addClass('focused');  
    });  
    .focusout(function(){  
        jQuery(this).removeClass('focused');  
    });  
 
//However, the preferred way to do this is using  
// .focus() and .blur()  
 
//For when an element loses it's focus use .blur()  
$('#target').blur(function() { 
  alert('Handler for .blur() called.'); 
}); 
 
//For when an element gains focus use .focus() 
$('#target').focus(function() { 
  alert('Handler for .focus() called.');  
});