Cet article décrit l'effet de JS implémentant l'effet de disparition de l'incitation au texte à cliquer sur la zone d'entrée. Partagez-le pour votre référence, comme suit:
Dans la boîte d'entrée dans la boîte de connexion Web, vous voyez souvent les mots vous inciter à entrer quelque chose de plus léger. C'est l'effet de "le texte disparaît lorsque la zone de texte est cliquée, et le texte apparaît lorsque la focalisation est perdue." Cet effet peut être achevé avec JS. Cet effet est un code JS incontournable pour les personnes qui créent des sites Web. Si vous savez comment écrire JS, vous pouvez écrire rapidement. Si vous ne savez pas comment écrire, vous devez collecter des codes pour la sauvegarde, ce qui est beaucoup plus pratique lorsque vous l'utilisez.
Voici le code JS utilisé pour cet effet Implémentation:
<script linguisse = "javascript" type = "text / javascript"> function addListener (élément, e, fn) {if (element.addeventListener) {element.addeventListener (e, fn, false); } else {element.attachevent ("on" + e, fn); }} var myInput = document.getElementById ("MyInput"); addListener (myInput, "click", function () {myInput.value = "";}) addListener (myInput, "blur", function () {myInput.value = "s'il vous plaît entrez votre id";}) </ script>Enregistrez simplement ce code dans un fichier JS et faites des références sur la page Web et complétez facilement cet effet qui semble difficile pour les personnes qui ne savent pas comment programmer.
Code html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charsetGB2312" /> <title> Le texte disparaît lorsque la zone de texte est cliquée et que le texte apparaît lorsque la focalisation est perdue </ title> </ head> <body> <input type = "text" value = "s'il vous plaît entrez votre id" id = "myInput" /> </ body> </html> <script linguisse = "javascript" type = "text / javascrip element.addeventListener (E, FN, false); } else {element.attachevent ("on" + e, fn); }} var myInput = document.getElementById ("MyInput"); addListener (myInput, "click", function () {myInput.value = "";}) addListener (myInput, "blur", function () {myInput.value = "s'il vous plaît entrez votre id";}) </ script>Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé des compétences de l'opération JSON en JavaScript", "Résumé des compétences JavaScript Switching Effects and Techniques", "Résumé des effets spéciaux et techniques", «Sommage des erreurs et des techniques de débogage Javascrip Compétences d'algorithme "," Résumé des algorithmes et techniques de traverse JavaScript "et" Résumé de l'utilisation des opérations mathématiques JavaScript "
J'espère que cet article sera utile à la programmation JavaScript de tous.