ไปที่ซอที่เรียบง่ายนี้ในเบราว์เซอร์ Webkit และคลิกที่อินพุต:
<input type="text">
<input type="text">
<input type="text">
<a href="#">my first link</a>
<a href="#">my second link</a>
<a href="#">my third link</a>
จากนั้นสังเกตว่าคุณสามารถใช้แป้นพิมพ์นำทางผ่านทั้งอินพุตและลิงก์โดยใช้Tabปุ่ม (และShift+ Tabเพื่อนำทางในลำดับย้อนกลับ)
ตอนนี้ดู fiddle เดียวกันใน Firefox บน Mac OS และทำสิ่งเดียวกัน อินพุตได้รับโฟกัส แต่ลิงก์จะไม่ได้รับโฟกัส ไม่ใช่ปัญหาการแสดง CSS โฟกัสกระโดดจากอินพุตสุดท้ายไปยังแถบ URL
ฉันได้ลองใช้การtabindex
ประกาศชุดค่าผสมที่ไม่มีที่สิ้นสุดในมาร์กอัปและไม่มีประโยชน์เช่น:
เกิดอะไรขึ้นที่นี่? ฉันจะยอมรับคำตอบใด ๆ ที่มี:
a) ซอที่ทำงานใน Firefox
b) คำอธิบายว่าเกิดอะไรขึ้นที่นี่ในหัวของ Mozilla แต่ดูเหมือนว่ามันจะขัดแย้งกับข้อมูลจำเพาะ
tabindex
และใส่tabindex="-1"
ลิงก์ทั้งหมดและเฉพาะ ฉันไม่มีสิทธิ์เข้าถึง FF เพื่อทดสอบ