Utilisation du focus textarea pour obtenir la suppression du focus et la perte de focus sur les compétences effect_javascript

Rendu :

Implémentation spécifique :

1. Contenu de la balise Textarea

Copier le code Le code est le suivant :

2. L'initialisation vous permet de saisir jusqu'à 50 caractères lorsque vous cliquez sur le bouton Ajouter

Copier le code Le code est le suivant :

$("#introduction").val("Peut saisir jusqu'à 50 caractères");
document.getElementById("introduction").style.color="gray";

Script 3. js

Copier le code Le code est le suivant :

function getAddFocus (id){//Pour l'opération d'ajout Introduction et remarques, textarea obtient le focus et efface la zone de saisie
var textarea=document.getElementById(id); .style.color="black";
}

function lossAddFocus(id){//Pour l'introduction et les remarques dans l'opération d'ajout, lorsque la zone de texte perd le focus et que le contenu est vide, une invite le message s'affiche
var textarea=document.getElementById(id);
var textarea_value=textarea.value;
if(textarea_value==""){
textarea.value="Peut saisir jusqu'à 50 caractères";
textarea.style.color="gray" ;
}
}



Référence d'utilisation du focus textarea écrite par csdn partenaire :

Copier le code

Le code est le suivant :

1. La zone de texte affiche le texte par défaut :

White Pigeon Boy > White Pigeon Boy
　2. Cliquez avec la souris sur la zone de texte et le texte par défaut disparaît :

Pigeon Boy blanc
Blanc Pigeon Boy< /textarea> <br>　3. Déplacez la souris sur la zone de texte et le texte par défaut disparaît : <br><br><textarea onmouseover="focus()" onfocus="if(value=='White Garçon Pigeon') {value =' '}"> Garçon Pigeon Blanc
<br>　4. Cliquez avec la souris sur la zone de texte et le texte par défaut disparaîtra. Cliquez sur n'importe quelle zone en dehors de la zone de texte et le texte par défaut réapparaîtra : <br> <br><textarea onfocus=”if( value=='White Pigeon Boy') {value=' '}" onblur="if(value==' ') {value='White Pigeon Boy'}"> Garçon Pigeon Blanc
White Pigeon Boy
　5. Déplacez la souris vers la zone de texte, le texte par défaut disparaît, déplacez la souris hors de la zone de texte et le texte par défaut réapparaît :

White Pigeon Boy
White Pigeon Boy
　6. Cliquez sur le passez la souris sur la zone de texte, et tout texte dans la zone de texte disparaîtra (y compris le texte par défaut et le texte saisi plus tard) :

White Pigeon Boy</ textarea> <br><textarea onclick=”value=' '">白Pigeon Boy
　7. Déplacez la souris vers la zone de texte et tout texte dans la zone de texte disparaîtra (y compris le texte par défaut et texte saisi ultérieurement) :

White Pigeon Boy
White Pigeon Boy
　8. Cliquez sur la zone de texte et sélectionnez toutes les zones de texte Texte à l'intérieur :

White Pigeon Boy 🎜>White Pigeon Boy< /textarea> <br> 9. Déplacez la souris sur la zone de texte pour sélectionner tout le texte dans la zone de texte : <br><br>< ;textarea onmouseover=”focus()” onfocus=”select()”> Garçon Pigeon Blanc< ;/textarea> <br><textarea onmouseover=”focus()” onfocus=”select()”> Garçon Pigeon Blanc< ;/textarea> <br>　10. Après avoir appuyé sur Entrée, le focus passe de la zone de texte actuelle à la zone de texte A suivante : <br><br><textarea onkeydown=”if(event.keyCode==13)event .keyCode=9″> Garçon Pigeon Blanc
Garçon Pigeon Blanc 11. Après avoir appuyé sur Entrée, le focus passe de la zone de texte actuelle à la position spécifiée :

< ;textarea onkeypress="return focusNext(this,'identifiant de l'emplacement spécifié',event)"> Garçon Pigeon Blanc