คุณจะล้างโฟกัสใน javascript ได้อย่างไร?

ฉันรู้ว่านี่ไม่ควรยากขนาดนั้น แต่ฉันไม่พบคำตอบใน Google

ฉันต้องการเรียกใช้งานจาวาสคริปต์ที่จะล้างการโฟกัสจากองค์ประกอบใด ๆ ที่เปิดอยู่โดยไม่ทราบล่วงหน้าว่าองค์ประกอบใดที่โฟกัสอยู่ มันต้องทำงานกับ Firefox 2 เช่นเดียวกับเบราว์เซอร์ที่ทันสมัยกว่า

มีวิธีที่ดีในการทำเช่นนี้?

ตอบ: document.activeElement

ในการทำสิ่งที่คุณต้องการให้ใช้ document.activeElement.blur()

หากคุณต้องการรองรับ Firefox 2 คุณสามารถใช้สิ่งนี้:

function onElementFocused(e)
{
    if (e && e.target)
        document.activeElement = e.target == document ? null : e.target;
} 

if (document.addEventListener) 
    document.addEventListener("focus", onElementFocused, true);

.focus()แล้ว.blur()อย่างอื่นในหน้าของคุณ เนื่องจากมีองค์ประกอบเดียวเท่านั้นที่สามารถโฟกัสได้จึงถูกโอนไปยังองค์ประกอบนั้นแล้วจึงลบออก

document.activeElement.blur();

ทำงานผิดพลาดบน IE9 - ทำให้เบราว์เซอร์ทั้งวินโดว์นั้นหากองค์ประกอบที่ใช้งานอยู่คือเนื้อหาของเอกสาร ดีกว่าที่จะตรวจสอบกรณีนี้:

if (document.activeElement != document.body) document.activeElement.blur();

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

สิ่งนี้จะเป็นที่ต้องการ:

if (document.activeElement instanceof HTMLElement)
    document.activeElement.blur();

ฉันจะไม่สนับสนุนการใช้โซลูชันที่ให้ไว้ในคำตอบที่ยอมรับเนื่องจากการทำให้เบลอที่เกิดขึ้นไม่ได้เป็นส่วนหนึ่งของข้อมูลจำเพาะอย่างเป็นทางการและอาจหยุดพักได้ทุกเมื่อ

dummyElem.focus () โดยที่ dummyElem เป็นวัตถุที่ซ่อนอยู่ (เช่นมี zIndex เชิงลบ)

คุณสามารถเรียก window.focus ();

แต่การย้ายหรือการสูญเสียโฟกัสนั้นมีผลกระทบกับทุกคนที่ใช้ปุ่มแท็บเพื่อไปรอบ ๆ หน้า

คุณสามารถฟัง keycode 13 และนำมาใช้เอฟเฟกต์หากกดปุ่มแท็บ

ด้วย jQuery เพียง: $(this).blur();