이 기사에서는 입력 상자를 클릭하기 위해 텍스트를 프롬프트하는 실종 효과를 구현하는 JS의 효과에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
웹 로그인 상자의 입력 상자에서, 당신은 종종 더 가벼운 색상을 입력하라는 단어를 보게됩니다. 이것은 "텍스트 상자를 클릭하면 텍스트가 사라지고 초점이 손실되면 텍스트가 나타납니다." 이 효과는 JS로 완료 될 수 있습니다. 이 효과는 웹 사이트를 만드는 사람들을위한 필수 JS 코드입니다. JS를 쓰는 방법을 알고 있다면 빨리 쓸 수 있습니다. 글을 쓰는 방법을 모른다면 백업을위한 코드를 수집해야합니다.이 코드는 사용할 때 훨씬 더 편리합니다.
이 효과 구현에 사용 된 JS 코드는 다음과 같습니다.
<script language = "javaScript"type = "text/javaScript"> 함수 addListener (element, e, fn) {if (element.addeventListener) {element.adeventListener (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 = "id를 입력하십시오";}) </script>이 코드를 JS 파일에 저장하고 웹 페이지에서 참조하고 프로그래밍 방법을 모르는 사람들에게는 어려운 효과를 쉽게 완성하십시오.
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"컨텐츠 = "text/html; 텍스트 상자가 클릭되면 사라지고 초점이 손실되면 텍스트가 나타납니다. </title> </head> <body> <입력 유형 = "text"value = "id ="myInput "/> </body> </html> <script language ="javaScript "type ="text/javascript "> function addListener (e, e, fn) {intem.AddEdeTlETLETENER 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 = "id를 입력하십시오";}) </script>JavaScript 관련 콘텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript의 JSON 운영 기술 요약", "JavaScript Switching 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "Javascript 특수 효과 및 기술 요약", Javascript 오류 및 Debagging Skills의 요약 ","Javascript Skills ","Javascript Skills " 알고리즘 기술 ","JavaScript Traversal 알고리즘 및 기술의 요약 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.