วิธีลบโฟกัสจากช่องป้อนข้อมูลใน jQuery

ฉันกำลังตั้งค่าโฟกัสที่ช่องป้อนข้อมูลบางช่องเมื่อโหลดหน้าโดยใช้บรรทัดต่อไปนี้:

$('#myInputID').focus();

มีวิธีที่ฉันสามารถเลิกทำหรือลบโฟกัสนี้เมื่อวางเมาส์เหนือองค์ประกอบบางอย่างได้หรือไม่? (ไม่จำเป็นต้องรีเซ็ตโฟกัสหลังจากออกจากองค์ประกอบนี้)

ฉันไม่พบฟังก์ชันที่ตรงข้ามกับข้างบนใน jQuery หรือจะใช้งานได้ที่นี่

ใช้.blur ()

เหตุการณ์เบลอจะถูกส่งไปยังองค์ประกอบเมื่อสูญเสียโฟกัส <input>แต่เดิมเหตุการณ์นี้เป็นเพียงรูปแบบที่ใช้บังคับกับองค์ประกอบเช่น ในเบราว์เซอร์ล่าสุดโดเมนของเหตุการณ์ได้รับการขยายเพื่อรวมประเภทองค์ประกอบทั้งหมด องค์ประกอบอาจสูญเสียโฟกัสผ่านคำสั่งแป้นพิมพ์เช่นแป้น Tab หรือโดยการคลิกเมาส์ที่อื่นในหน้า

$("#myInputID").blur(); 

ตรวจสุขภาพblur():

$('#textarea').blur()

ที่มา: http://api.jquery.com/blur/

สำหรับกล่องข้อความทั้งหมด:

$(':text').blur()

$(':text').attr("disabled", "disabled");ตั้งค่ากล่องข้อความทั้งหมดเป็นโหมดปิดใช้งาน คุณสามารถทำได้อีกวิธีหนึ่งเช่นการให้รหัสกล่องข้อความแต่ละรายการ โดยการทำน้ำหนักรหัสนี้จะมากขึ้นและปัญหาประสิทธิภาพจะอยู่ที่นั่น

ดังนั้นควรมี$(':text').attr("disabled", "disabled");แนวทาง

หากคุณมีreadonlyแอตทริบิวต์การเบลอเองจะไม่ทำงาน การตัดกันด้านล่างควรได้ผล

$ ('# myInputID'). removeAttr ('readonly'). trigger ('เบลอ'). attr ('readonly', 'readonly');