1. Home
  2. /
  3. Web technology
  4. /
  5. HTML
  6. /
  7. [ HTML ] –...

[ HTML ] – onmouseout 與 onmouseleave 的差別

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 2,平均評等: 4]

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

就顯示該產品的圖片
我們可以在

p0001 液晶電視

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

p0001 液晶電視

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

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 2,平均評等: 4]

發佈留言

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