Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

สูญเสียคำใบ้ input (get focus) หลังกดเคอร์เซอร์เมาส์ในกล่องข้อความด้วย JavaScript


สมมติ input text ของเราคือ

เพื่อให้สูญเสียคำใบ้เมื่อกดเคอร์เซอร์เมาส์ ใช้คอนเซปต์ onFocus และ onBlur

ตัวอย่าง

 

     Document          

เพื่อรันโปรแกรมด้านบน ให้บันทึกชื่อไฟล์ "anyName.html(index.html)" และคลิกขวาที่ไฟล์ เลือก "Open with Live Server" ใน VS Code editor

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้

สูญเสียคำใบ้ input (get focus) หลังกดเคอร์เซอร์เมาส์ในกล่องข้อความด้วย JavaScript

เมื่อคุณคลิกเมาส์ภายในข้อความ คุณจะได้ focus และคำใบ้จะหายไป สกรีนชอทมีดังนี้

สูญเสียคำใบ้ input (get focus) หลังกดเคอร์เซอร์เมาส์ในกล่องข้อความด้วย JavaScript