Image de reproduction:
Implémentation spécifique:
1. Contenu de la balise TextArea
La copie de code est la suivante:
<span style = "Font-Size: 14px;"> <tr>
<td align = "droit" valign = "top"> Remarque: </td>
<td> <textarea name = "" id = "remarque" cols = "" rows = "" onfocus = "this.classname = 'textarea220l'; this.onmouseout = ''; getAddfocus ('remarque');" onblur = "this.classname = 'textarea220'; this.onmouseout = function () {this.classname = 'textarea220'}; perdaddfocus ('remarque');" onMouseMove = "this.classname = 'textarea220lg'" onMouseout = "this.classname = 'textarea220'"> </ textarea> </td>
</tr> </span>
2. L'initialisation vous permet d'entrer jusqu'à 50 mots lors du clic sur le bouton Ajouter.
La copie de code est la suivante:
<span style = "font-size: 14px;"> $ ("# introduction"). Val ("maximum 50 mots peuvent être entrés");
document.getElementById ("Introduction"). style.color = "gris"; </span>
3. Script JS
La copie de code est la suivante:
<span style = "font-size: 14px;"> function getAddfocus (id) {// Pour l'introduction et les notes dans l'opération d'addition, TextArea obtient la boîte d'entrée Efface Focus
var textArea = document.getElementById (id);
textarea.value = "";
textarea.style.color = "noir";
}
fonction lostaddfocus (id) {// Pour l'introduction et les notes dans l'opération d'addition, si le TextArea perd la mise au point et que le contenu est vide, le message rapide sera affiché
var textArea = document.getElementById (id);
var textarea_value = textarea.value;
if (textarea_value == "") {
textArea.Value = "Maximum 50 mots peuvent être entrés";
textarea.style.color = "gris";
}
} </span>
Référence pour l'utilisation de TextArea Focus écrit par CSDN Friends:
La copie de code est la suivante:
<span style = "font-size: 14px;"> 1. La zone de texte affiche le texte par défaut:
<TextArea> White Dove Boy </ TextArea>
<TextArea> White Dove Boy </ TextArea>
2. Cliquez sur la zone de texte avec la souris et le texte par défaut disparaît:
<TextArea onFocus = ”if (value == 'White Dove Boy') {value = ''}"> White Dove Boy </ TextArea>
<TextArea onFocus = ”if (value == 'White Dove Boy') {value = ''}"> White Dove Boy </ TextArea>
3. Déplacez la souris vers la zone de texte et le texte par défaut disparaît:
<TextArea onMouseOver = ”focus ()” onfocus = ”if (value == 'White Dove Boy') {value = ''}"> White Dove Boy </ TextArea>
<TextArea onMouseOver = ”focus ()” onfocus = ”if (value == 'White Dove Boy') {value = ''}"> White Dove Boy </ TextArea>
4. Cliquez sur la zone de texte avec la souris, le texte par défaut disparaît, cliquez sur n'importe quelle zone à l'extérieur de la zone de texte et le texte par défaut réapparaît à nouveau:
<textarea onfocus = ”if (value == 'white dove boy') {value = ''}" onblur = "if (value == '') {value = 'white dove boy'}"> white dove boy </ textarea>
<textarea onfocus = ”if (value == 'white dove boy') {value = ''}" onblur = "if (value == '') {value = 'white dove boy'}"> white dove boy </ textarea>
5. Déplacez la souris vers la zone de texte, le texte par défaut disparaît, la souris pour quitter la zone de texte et le texte par défaut réapparaît:
<TextArea onMouseOver = ”focus ()” onfocus = ”if (value == 'white dove boy') {value = ''}" onMouseout = "blur ()" onBlur = "if (value == '' ') {value =' White Dove Boy '}"> White Dove Boy </ TextArea>
<TextArea onMouseOver = ”focus ()” onfocus = ”if (value == 'white dove boy') {value = ''}" onMouseout = "blur ()" onBlur = "if (value == '' ') {value =' White Dove Boy '}"> White Dove Boy </ TextArea>
6. Cliquez sur la zone de texte avec la souris, et tout texte dans la zone de texte disparaît (y compris le texte par défaut et le texte entré plus tard):
<TextArea onClick = ”Value = ''”> White Dove Boy </ TextArea>
<TextArea onClick = ”Value = ''”> White Dove Boy </ TextArea>
7. Déplacez la souris vers la zone de texte, et tout texte dans la zone de texte disparaît (y compris le texte par défaut et le texte entré plus tard):
<TextArea onMouseOver = ”Value = '' '> White Dove Boy </ TextArea>
<TextArea onMouseOver = ”Value = '' '> White Dove Boy </ TextArea>
8. Cliquez sur la zone de texte et sélectionnez tout le texte dans la zone de texte:
<TextArea onFocus = "SELECT ()"> White Dove Boy </ TextArea>
<TextArea onFocus = "SELECT ()"> White Dove Boy </ TextArea>
9. Déplacez la souris vers la zone de texte et sélectionnez tout le texte dans la zone de texte:
<TextArea onMouseOver = ”focus ()” onfocus = ”select ()”> White Dove Boy </ TextArea>
<TextArea onMouseOver = ”focus ()” onfocus = ”select ()”> White Dove Boy </ TextArea>
10. Après entrée, l'accent sera transféré de la zone de texte actuelle à la zone de texte suivante:
<TextArea onKeyDown = ”if (event.KeyCode == 13) Event.KeyCode = 9 ″> White Dove Boy </ TextArea>
<TextArea onKeyDown = ”if (event.KeyCode == 13) Event.KeyCode = 9 ″> White Dove Boy </ TextArea>
11. Après entrée, l'accent sera transféré de la zone de texte actuelle à la position spécifiée:
<TextArea onKeyPress = "return focalNext (this, 'spécifié ID de localisation', événement)"> White Dove Boy </ TextArea> </span>