2011-06-15 6 views
1

Je sais comment enlever le texte dans une zone de texte html simple mais les zones de texte html semblent beaucoup plus compliquées. au lieu de la valeur d'attribut que vous mettez le texte entre droit:textarea onclick supprimer le texte

<html> 
<textarea> </textarea>. 
</html> 

C'est pourquoi im ayant du mal à faire un onFocus et onBlur événement.

Répondre

0

Votre Javascript doit avoir:

function RemoveText(obj) 
{ obj.value = ''; } 

et votre élément HTML doit avoir:

onfocus="RemoveText(this);" 
+0

merci mais qu'en est-onblur? – user780483

+0

Vous pouvez appeler cette fonction de la même façon avec n'importe quel autre événement comme onBlur, onClick etc. –

0

Qu'en est-il appeler une fonction javascript lors de l'événement onFocus?

function emptyText(){  
    document.getElementById(textarea).innerHTML = ""; 
} 
+0

Cela ne fonctionne pas. Doit être document.getElementById (textarea) .value –

1

une zone de texte se comporte comme les autres éléments (<input> avec typetext ou password), au lieu d'avoir un attribut de valeur, la valeur se situe entre les <textarea> et </textarea> tags.

L'accès et la modification du contenu du champ de texte ne font pas de différence. Le code ci-dessous affiche une zone de texte et une zone de saisie. La même fonction est utilisée pour accéder aux valeurs et les modifier. Si la valeur est égale à "exemple de texte" lors de la saisie de l'entrée, le texte est effacé. Si la zone de texte/saisie est vide en la quittant, un "exemple de texte" y sera ajouté.

<textarea id="field1">example text</textarea> 
<input id="field2" value="example text"> 
<script> 
function addEvents(id) { 
    var field = document.getElementById(id); 
    field.onfocus = function() { 
     if (this.value == "example text") { 
      this.value = ""; 
     } 
    }; 
    field.onblur = function() { 
     if (this.value == "") { 
      this.value = "example text"; 
     } 
    }; 
} 
addEvents("field1"); 
addEvents("field2"); 
</script> 
13
<textarea name="message" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"> 
Put anything for default value here 
</textarea> 

Un exemple concret: http://jsfiddle.net/SRYLg/

+0

Merci pour cela :) – 422