跳到內容

jsx_a11y/mouse-events-have-key-events 正確性

功能說明

強制 onmouseover/onmouseout 事件必須搭配 onfocus/onblur 事件。

為什麼這樣不好?

為鍵盤設計程式碼對於無法使用滑鼠的身心障礙使用者、AT 相容性和螢幕閱讀器使用者來說非常重要。

範例

此規則的不正確程式碼範例

jsx
<div onMouseOver={() => void 0} />

此規則的正確程式碼範例

jsx
<div onMouseOver={() => void 0} onFocus={() => void 0} />

參考資料

以 MIT 授權條款發佈。