เพื่อปรับปรุงประสบการณ์การใช้งานและความสะดวกในการใช้งานนักออกแบบบางคนจะเพิ่มประสิทธิภาพสิ่งต่าง ๆ ที่ผู้ใช้มักใช้บนหน้าเว็บเช่นกล่องอินพุต กล่องอินพุตทั่วไปได้รับการปรับให้เหมาะสมอย่างไร? จากมุมมองของประสบการณ์ผู้ใช้การทำให้ขั้นตอนการใช้งานของผู้ใช้ง่ายขึ้นและทำให้สะดวกยิ่งขึ้นสำหรับผู้ใช้คือการปรับปรุงความสะดวกในการใช้งานเช่นการเปลี่ยนสีของกล่องอินพุตเมื่อเมาส์ถูกระงับในกล่องอินพุตโดยอัตโนมัติเลือกข้อความเริ่มต้นในกล่องอินพุตโดยอัตโนมัติ
เอฟเฟกต์นี้ฟังดูซับซ้อน แต่จริงๆแล้วมันง่ายมากที่จะทำ มันสามารถแก้ไขได้ด้วยรหัส JavaScript ชิ้นเล็ก ๆ ต่อไปนี้เป็นรหัสสำหรับเอฟเฟกต์หลายอย่าง
1. คลิกรหัส HTML ของเนื้อหาที่เลือกในกล่องอินพุต:
คัดลอกรหัส