簡化版導航列中,一級選單 A 與二級選單 B 皆位於 nav 元素內,但滑鼠一離開 nav 區域,B 就立即消失,而非滑鼠離開 B 才消失。這是因為 onmouseout 事件過於靈敏,滑鼠從 A 移到 B 時可能經過 nav 的間隙,觸發了隱藏動作。
較佳做法是將二級選單巢狀放在一級選單的 li 元素內,或使用 jQuery 的 hover / mouseenter 與 mouseleave 搭配延遲隱離,避免 onmouseout 的過度靈敏。若要保留目前結構,也可在 JavaScript 中加入計時器,讓選單在短暫延遲後再隱藏。