jQuery .attr() ne fonctionne pas dans IE

Question

Je travaille avec un simple jQuery pour ajouter des événements onfocus/onblur à un formulaire généré. Le code suivant fonctionne dans d'autres navigateurs, à l'exception IE7/8:

$(document).ready(function(){ 
    $("input#edit-submitted-first-name").attr('onfocus', "if(this.value=='First Name') this.value = ''"); 
    $("input#edit-submitted-first-name").attr('onblur', "if(this.value=='') this.value = 'First Name'"); 
}); 

Dans la source IE, son même pas l'ajouter aux entrées. Y at-il un bug IE à ce sujet?

Answer 1

Je ne pense pas que les événements sont censés être affectés de cette façon.

Pourquoi ne pas utiliser

$("input#edit-submitted-first-name").focus(function(){ if (this..... 
$("input#edit-submitted-first-name").blur(function(){ if (this..... 

?

Answer 2

essayer cette

$('input#edit-submitted-first-name').focus(function() { 

    if($(this).val()=='First Name') 
       $(this).val('') 

    }); 

    $('input#edit-submitted-first-name').blur(function() { 

    if($(this).val()=='') 
       $(this).val('First Name') 

    }); 

Answer 3

sur IE8 en mode de compatibilité que cela fonctionne:

$(document).ready(function(){ 
    $("#edit-submitted-first-name").focus(function(){ 
     if(this.value=='First Name') this.value = ''; 
    }); 
    $("#edit-submitted-first-name").blur(function(){ 
     if (this.value=='') this.value = 'First Name'; 
    }); 
}); 

voir en action ici: http://jsfiddle.net/w9pWk/

REMARQUE: Cette fonctionnalité est très similaire au filigrane plug-in trouvé ici: http://code.google.com/p/jquery-watermark/ mais bien sûr, manquant certaines des fonctionnalités qui fournit dans la facilité d'utilisation, la population de terrain initiale, la logique de ne pas remplacer si les données sont entrées etc., vous obtenez avec le plug-in.