Este artigo descreve o efeito do JS implementando o efeito de desaparecimento da solicitação de texto para clicar na caixa de entrada. Compartilhe -o para sua referência, como segue:
Na caixa de entrada na caixa de login da web, você costuma ver as palavras que o levou a inserir algo mais leve. Esse é o efeito de "o texto desaparece quando a caixa de texto é clicada e o texto aparece quando o foco é perdido". Este efeito pode ser concluído com JS. Este efeito é um código JS obrigatório para pessoas que fabricam sites. Se você sabe escrever JS, pode escrever rapidamente. Se você não sabe escrever, precisa coletar códigos para backup, o que é muito mais conveniente quando você o usa.
Aqui está o código JS usado para este efeito implementação:
<Script Language = "javascript" type = "text/javascript"> função addListener (elemento, e, fn) {if (element.addeventListener) {element.addeventListener (e, fn, false); } else {element.attachevent ("on" + e, fn); }} var myInput = document.getElementById ("myInput"); addListener (myInput, "clique", function () {myInput.value = "";}) addListener (myInput, "blashBasta salvar esse código em um arquivo JS e fazer referências na página da web e concluir facilmente esse efeito que parece difícil para as pessoas que não sabem programar.
Código HTML:
<! Docttype html public "-// w3c // dtd html 4.01 // pt" "http://www.w3.org/tr/html4/strict.dtd"> <html> <head> <meta http-equiv = "" contentpe " O texto desaparece quando a caixa de texto é clicada e o texto aparece quando o foco é perdido </title> </ad Head> <body> <input type = "text" value = "por favor, digite seu id" id = "myInput"/> </body> </html> <script idioma = "javascript" type = "text/javscript"> função element.AddeventListener (e, fn, false); } else {element.attachevent ("on" + e, fn); }} var myInput = document.getElementById ("myInput"); addListener (myInput, "clique", function () {myInput.value = "";}) addListener (myInput, "blashFor 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 "," Resumo dos algoritmos e técnicas de travessia de JavaScript "e" Resumo do uso de operações matemáticas de JavaScript "
Espero que este artigo seja útil para a programação JavaScript de todos.