•  
  •  
  •  
  •  
  •  

假設我們有一個 產品table 我們希望使用者 移到某一列

就顯示該產品的圖片

我們可以在

p0001 液晶電視

你會發現當滑鼠移到 該列時 確實會觸發 顯示產品片圖片語法 離開該列時也會觸發 關掉該產品圖片
但是 當你移到產品編號 p0001 的文字上時 也會觸發 關掉該產品圖片,這是因為滑鼠的焦點已移到 p0001的文字上

那要達到只有移出該列才觸發 關掉該產品圖片 怎辦?

p0001 液晶電視

把 onmouseout 改成 onmouseleave就可以了。

簡易說明:
若在同一個div中有其它原素 onmouseout 只要移到div中的任一原素上 或 移到div外就會觸發onmouseout
若在同一個div中有其它原素 onmouseleave 只有移到div外才會觸發 onmouseleave

喜歡我的文章嗎?歡迎按讚加分享/留言交流,或是點擊下方廣告讚助我喝一杯咖啡吧 ^_^ ⇩⇩⇩ 喜歡我的文章嗎?歡迎按讚加分享/留言交流,或是點擊上方廣告讚助我喝一杯咖啡吧 ^_^ ⇧⇧⇧
  •  
  •   
  •  
  •  
  •  
  •  

Leave a comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *