In diesem Artikel wird der Effekt von JS beschrieben, der den Verschwindeneffekt des Aufforderungs von Text zum Klicken auf das Eingabefeld implementiert. Teilen Sie es für Ihre Referenz wie folgt weiter:
Im Eingabefeld im Web -Anmeldungsfeld sehen Sie häufig die Wörter, die Sie dazu veranlassen, etwas Leichteres in Farbe einzugeben. Dies ist der Effekt von "Der Text verschwindet, wenn das Textfeld angeklickt wird, und der Text wird angezeigt, wenn der Fokus verloren geht." Dieser Effekt kann mit JS abgeschlossen werden. Dieser Effekt ist ein Must-Have-JS-Code für Personen, die Websites erstellen. Wenn Sie wissen, wie man JS schreibt, können Sie schnell schreiben. Wenn Sie nicht wissen, wie Sie schreiben, müssen Sie Codes für die Sicherung sammeln, was bei der Verwendung viel bequemer ist.
Hier ist der JS -Code, der für diese Implementierung für diese Effekt verwendet wird:
<script Language = "javaScript" type = "text/javaScript"> Funktion addierener (element, e, fn) {if (element.adDeventListener) {element.adDeVentListener (e, fn, false); } else {element.attachEvent ("on" + e, fn); }} var myInput = document.getElementById ("myInput"); addierener (myInput, "klicken", function () {myInput.value = "";}) addierener (myInput, "Blur", function () {myInput.value = "Bitte geben Sie Ihre ID ein";}) </script>Speichern Sie diesen Code einfach in einer JS -Datei und richten Sie auf der Webseite Referenzen ein und vervollständigen Sie diesen Effekt einfach, der für Personen, die nicht wissen, wie sie programmiert werden sollen, schwierig zu sein.
HTML -Code:
<! DocType html public "-// w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd"> <html> <meta http-exiv = "content-type" content = content Der Text verschwindet, wenn das Textfeld geklickt wird, und der Text wird angezeigt, wenn der Fokus verloren geht. Element.AdDeVentListener (e, fn, false); } else {element.attachEvent ("on" + e, fn); }} var myInput = document.getElementById ("myInput"); addierener (myInput, "klicken", function () {myInput.value = "";}) addierener (myInput, "Blur", function () {myInput.value = "Bitte geben Sie Ihre ID ein";}) </script>For more information about JavaScript related content, please check out the topics of this site: "Summary of JSON operation skills in JavaScript", "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation special effects and techniques", "Summary of JavaScript errors and debugging skills", "Summary of JavaScript data structures and Algorithmusfähigkeiten "," Zusammenfassung von JavaScript -Traversal -Algorithmen und -Techniken "und" Zusammenfassung der Verwendung von JavaScript mathematischer Operationen ""
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.