หยุดหน้าจอชั่วคราวและตรวจสอบองค์ประกอบที่หายไป

Dale St. Marthe
Dale St. Marthe

เมื่อแก้ไขข้อบกพร่อง UI ของเว็บ องค์ประกอบบางอย่างอาจหายไปด้วยเหตุผลหลายประการ ซึ่งจะขัดจังหวะกระบวนการของคุณ

วิดีโอต่อไปนี้จะสอนวิธีต่างๆ 6 วิธีในการตรึงองค์ประกอบ ซึ่งมีทั้งวิธีง่ายๆ และวิธีแบบเจาะลึก

ดูวิดีโอเพื่อดูวิธีดำเนินการต่อไปนี้

  • ตรึงองค์ประกอบโดยใช้สถานะ :hover และคลาสจำลองของ CSS
  • จำลองหน้าที่โฟกัส
  • หยุดองค์ประกอบไว้ชั่วคราวโดยนํา Listener เหตุการณ์เมาส์ออก
  • หยุดองค์ประกอบไว้ชั่วคราวโดยใช้จุดหยุดพัก
  • ตั้งค่าการหมดเวลาด้วยข้อมูลโค้ด