В этой статье описывается эффект JS, реализующего эффект исчезновения, побуждение текста нажатие на поле ввода. Поделитесь этим для вашей ссылки, следующим образом:
В поле ввода в блоке веб -входа вы часто видите слова, которые предлагают вам ввести что -то более светлое по цвету. Это эффект того, что «текст исчезает, когда текстовое поле щелкнуло, и текст появляется, когда фокус теряется». Этот эффект может быть завершен с помощью JS. Этот эффект является обязательным кодом JS для людей, которые производят веб-сайты. Если вы знаете, как писать JS, вы можете написать быстро. Если вы не знаете, как писать, вам нужно собирать коды для резервного копирования, что гораздо удобнее, когда вы его используете.
Вот код JS, используемый для этой реализации эффекта:
<script language = "javascript" type = "text/javascript"> функция addlistener (element, e, fn) {if (element.addeventlistener) {element.addeventListener (e, fn, false); } else {element.attachevent ("on" + e, fn); }} var myInput = document.getElementById ("myIinput"); AddListener (myInput, "click", function () {myInput.value = "";}) AddListener (myInput, "blur", function () {myInput.value = "Пожалуйста, введите свой идентификатор";}) </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" content = "httml; Текст исчезает, когда текстовое поле нажимается, а текст появляется, когда фокус теряется </title> </head> <body> <input type = "text" value = "Пожалуйста, введите свой идентификатор" id = "myInput"/> </body> </html> <script language = "javascript" type = "text/javascript"> addlistener (element, e, fn). element.addeventListener (e, fn, false); } else {element.attachevent ("on" + e, fn); }} var myInput = document.getElementById ("myIinput"); AddListener (myInput, "click", function () {myInput.value = "";}) AddListener (myInput, "blur", function () {myInput.value = "Пожалуйста, введите свой идентификатор";}) </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 Навыки алгоритма »,« Сводка алгоритмов и методов обхода JavaScript »и« Сводка использования математических операций JavaScript ».
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.