Artikel ini menjelaskan efek JS yang mengimplementasikan efek hilangnya teks yang diminta untuk mengklik kotak input. Bagikan untuk referensi Anda, sebagai berikut:
Di kotak input di kotak login web, Anda sering melihat kata -kata yang mendorong Anda untuk memasukkan sesuatu yang lebih ringan dalam warna. Ini adalah efek dari "Teks menghilang ketika kotak teks diklik, dan teks muncul ketika fokus hilang." Efek ini dapat diselesaikan dengan JS. Efek ini adalah kode JS yang harus dimiliki untuk orang-orang yang membuat situs web. Jika Anda tahu cara menulis JS, Anda dapat menulis dengan cepat. Jika Anda tidak tahu cara menulis, Anda perlu mengumpulkan kode untuk cadangan, yang jauh lebih nyaman saat menggunakannya.
Berikut adalah kode JS yang digunakan untuk implementasi efek ini:
<skrip bahasa = "javascript" type = "text/javascript"> function addListener (element, e, fn) {if (element.addeventListener) {element.addeventListener (e, fn, false); } else {element.attachevent ("on" + e, fn); }} var myInput = document.getElementById ("myInput"); addListener (myInput, "klik", function () {myInput.value = "";}) addListener (myInput, "blur", function () {myInput.value = "Harap masukkan ID Anda";}) </skrip>Cukup simpan kode ini ke dalam file JS, dan buat referensi di halaman web dan dengan mudah selesaikan efek ini yang tampaknya sulit bagi orang yang tidak tahu cara memprogram.
Kode HTML:
<! Doctype html public "-// w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd"> <html> <meta http-equiv = "content-type" Content = "TEKST/TEKST/TEKST/TEKST/TEKS/TEKSTIT (MET META HTTP-EQUIV =" Content-Type "Content =" TEKPT/TEKST/TEKS/TEKS/TEKS. Kotak teks diklik, dan teks muncul ketika fokus hilang </itement> </head> <body> <input type = "text" value = "Harap masukkan id Anda" id = "myInput"/> </body> </html> <bahasa skrip = "javascript" type = "text/javaScript"> fungsi addListener (elementen, e, fncript "{{element {{element {e, element" {{{element {e, element " element.addeventlistener (e, fn, false); } else {element.attachevent ("on" + e, fn); }} var myInput = document.getElementById ("myInput"); addListener (myInput, "klik", function () {myInput.value = "";}) addListener (myInput, "blur", function () {myInput.value = "Harap masukkan ID Anda";}) </skrip>Untuk informasi lebih lanjut tentang konten terkait JavaScript, silakan periksa topik -topik situs ini: "Ringkasan Keterampilan Operasi JSON dalam JavaScript", "Ringkasan Efek dan Teknik Beralih JavaScript", "Ringkasan Keterampilan Pencarian JavaScript dan Ringkasan Data Javascript" Ringkasan Javascript "," Ringkasan Javascript "Ringkasan Javascript" Ringkasan Javascript Keterampilan Algoritma "," Ringkasan Algoritma dan Teknik Traversal Javascript "dan" Ringkasan Penggunaan Operasi Matematika JavaScript "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.