คุณลักษณะ onfocus จะถูกเรียกเมื่อองค์ประกอบได้รับการโฟกัส
onfocus มักใช้สำหรับ <input>, <select> และ <a>
เคล็ดลับ: คุณลักษณะ onfocus เป็นสิ่งที่ตรงกันข้ามกับคุณลักษณะ onblur
หมายเหตุ: คุณลักษณะ onfocus ใช้ไม่ได้กับองค์ประกอบต่อไปนี้: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, < สไตล์> หรือ <ชื่อ>
ตัวอย่างฟังก์ชั่นทริกเกอร์เมื่อช่องป้อนข้อมูลได้รับการโฟกัส ฟังก์ชั่นนี้จะเปลี่ยนสีพื้นหลังของช่องป้อนข้อมูล
<script>function setStyle(x){document.getElementById(x).style.พื้นหลัง=yellow;}</script></head><body> <p>ฟังก์ชันจะถูกทริกเกอร์เมื่อฟิลด์อินพุตได้รับโฟกัส ฟังก์ชั่นนี้จะเปลี่ยนสีพื้นหลังของช่องป้อนข้อมูล </p> ชื่อ: <input type=text id=fname onfocus=setStyle(this.id)><br>นามสกุล: <input type=text id=lname onfocus=setStyle(this.id)> </body > แอตทริบิวต์เหตุการณ์ HTML onblur ความหมายและการใช้งานคุณลักษณะ onblur จะถูกเรียกเมื่อองค์ประกอบสูญเสียโฟกัส
onblur มักใช้ในรหัสตรวจสอบแบบฟอร์ม (เช่น เมื่อผู้ใช้ออกจากช่องแบบฟอร์ม)
ตัวอย่างตรวจสอบช่องป้อนข้อมูลเมื่อผู้ใช้ออกไป:
<script>function upperCase(){var x=document.getElementById(fname).valuedocument.getElementById(fname).value=x.toUpperCase()}</script></head><body> <p>โปรดระบุของคุณ ชื่อ จากนั้นย้ายโฟกัสไปนอกฟิลด์:</p> โปรดป้อนชื่อของคุณ (ตัวอักษรภาษาอังกฤษ): <input type=text name=fname id=fname onblur=ตัวพิมพ์ใหญ่()> </body>ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network