Este artículo describe el efecto de la implementación de JS el efecto de desaparición de solicitar al texto que haga clic en el cuadro de entrada. Compártelo para su referencia, como sigue:
En el cuadro de entrada en el cuadro de inicio de sesión web, a menudo ve las palabras que le solicitan que ingrese algo más claro en color. Este es el efecto de "el texto desaparece cuando se hace clic en el cuadro de texto, y el texto aparece cuando se pierde el enfoque". Este efecto se puede completar con JS. Este efecto es un código JS imprescindible para las personas que hacen sitios web. Si sabe cómo escribir JS, puede escribir rápidamente. Si no sabe cómo escribir, debe recopilar códigos para la copia de seguridad, lo cual es mucho más conveniente cuando lo usa.
Aquí está el código JS utilizado para la implementación de este efecto:
<script language = "javaScript" type = "text/javaScript"> function addListener (element, e, fn) {if (element.addeventListener) {element.addeventListener (e, fn, falso); } else {element.attachevent ("on" + e, fn); }} var myInput = document.getElementById ("myInput"); addListener (myInput, "hacer clic", function () {myInput.value = "";}) addListener (myInput, "blur", function () {myInput.value = "Por favor, ingrese su identificación";}) </script>Simplemente guarde este código en un archivo JS y haga referencias en la página web y complete fácilmente este efecto que parece difícil para las personas que no saben cómo programar.
Código HTML:
<! Doctype html public "-// w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd"> <html> <lEd> <meta http-equiv = "contenido" contenido = "text/html; charsetgb22312ilg2 El texto desaparece cuando se hace clic en el cuadro de texto, y el texto aparece cuando se pierde el enfoque </title> </toble> <body> <input type = "text" value = "por favor ingrese su id" id = "myInput"/> </body> </html> <script language = "javaScript" type = "text/javaScript"> function addlistener (elemento, e, fn) {if ((elemento (javaScript "type =" text/javaScript "> function addlistener (Element, e, fn) {if ((element.AdEventLeREneRLEnEnEnmenta elemento.AdDeventListener (e, fn, falso); } else {element.attachevent ("on" + e, fn); }} var myInput = document.getElementById ("myInput"); addListener (myInput, "hacer clic", function () {myInput.value = "";}) addListener (myInput, "blur", function () {myInput.value = "Por favor, ingrese su identificación";}) </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 Habilidades de algoritmo "," Resumen de los algoritmos y técnicas de traversal JavaScript "y" Resumen del uso de operaciones matemáticas de JavaScript "
Espero que este artículo sea útil para la programación de JavaScript de todos.