บทความนี้อธิบายถึงผลกระทบของ JS ที่ใช้เอฟเฟกต์การหายตัวไปของข้อความแจ้งเตือนเพื่อคลิกที่กล่องอินพุต แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
ในกล่องอินพุตในกล่องเข้าสู่ระบบเว็บคุณมักจะเห็นคำที่กระตุ้นให้คุณป้อนสิ่งที่เบากว่าสี นี่คือเอฟเฟกต์ของ "ข้อความจะหายไปเมื่อมีการคลิกกล่องข้อความและข้อความจะปรากฏขึ้นเมื่อโฟกัสหายไป" เอฟเฟกต์นี้สามารถทำได้ด้วย JS เอฟเฟกต์นี้เป็นรหัส JS ที่ต้องมีสำหรับผู้ที่สร้างเว็บไซต์ หากคุณรู้วิธีเขียน JS คุณสามารถเขียนได้อย่างรวดเร็ว หากคุณไม่ทราบวิธีการเขียนคุณต้องรวบรวมรหัสสำหรับการสำรองข้อมูลซึ่งสะดวกกว่าเมื่อคุณใช้งาน
นี่คือรหัส JS ที่ใช้สำหรับการใช้งานเอฟเฟกต์นี้:
<script language = "javascript" type = "text/javascript"> ฟังก์ชั่น addListener (องค์ประกอบ, e, fn) {ถ้า (element.addeventListener) {element.addeventListener (e, fn, false); } else {element.attachevent ("on" + e, fn); }} var myInput = document.getElementById ("myInput"); addListener (myInput, "คลิก", function () {myInput.value = "";}) addListener (myInput, "เบลอ", ฟังก์ชั่น () {myInput.value = "โปรดป้อน ID ของคุณ";}) </script>เพียงบันทึกรหัสนี้ลงในไฟล์ JS และทำการอ้างอิงบนหน้าเว็บและทำเอฟเฟกต์นี้ให้สมบูรณ์ซึ่งดูเหมือนจะยากสำหรับผู้ที่ไม่รู้วิธีการโปรแกรม
รหัส HTML:
<! doctype html public "-// w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd"> <html> ข้อความจะหายไปเมื่อมีการคลิกกล่องข้อความและข้อความจะปรากฏขึ้นเมื่อโฟกัสหายไป </title> </head> <body> <อินพุต type = "text" value = "โปรดป้อน id" id "id =" myInput "/> </body> </html> <script language =" JavaScript Element.addeventListener (E, FN, FALSE); } else {element.attachevent ("on" + e, fn); }} var myInput = document.getElementById ("myInput"); addListener (myInput, "คลิก", function () {myInput.value = "";}) addListener (myInput, "เบลอ", ฟังก์ชั่น () {myInput.value = "โปรดป้อน ID ของคุณ";}) </script>สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปทักษะการดำเนินงาน JSON ใน JavaScript", "บทสรุปของเอฟเฟกต์การสลับและเทคนิคการสลับ JavaScript", "SUMMARITS JAVASCRIPT SUMMARY" ทักษะอัลกอริทึม "," บทสรุปของอัลกอริธึมและเทคนิคการสำรวจ JavaScript Traversal "และ" สรุปการใช้งานทางคณิตศาสตร์ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน