首頁 >web前端 >js教程 >關於jquery中mousemove事件的問題

關於jquery中mousemove事件的問題

黄舟
黄舟原創
2017-06-28 10:25:042033瀏覽

position: relative; color: rgb(51, 51, 51); white-space: normal;">關於jquery mousemove 的問題

結構如圖所示,對​​divBox 綁定mousemove 和mouseout 事件

需要實作:
滑鼠在整個divBox 區域內移動時觸發mousemove事件
滑鼠移出divBox 區域時觸發mouseout 事件

但問題是當滑鼠移動到divItem上的時候就觸發divBox 的mouseout 事件了,無法觸發divBox 的mousemove 事件

關於jquery中mousemove事件的問題

關於jquery中mousemove事件的問題

divItem子元素在divBox的上面,
當滑鼠移到divItem上的時候,已經是從divBox移動到另一個元素了,
先觸發divBox的mouseout事件,再觸發divItem的mouseover事件。

你這樣的需求是無法直接實現的,看能否換個方式,來達到你要的效果。
1、可以在divItem的mouseover事件裡面呼叫divBox的mouseover所呼叫的方法。
2、你的divItem是用來做什麼的,能否用divBox的背景圖片代替。
3、或把所有div的position:absolute,然後把divBox的z-index設定為大於divItem的z-index,
再把divBox設定為半透明的形式。

以上是關於jquery中mousemove事件的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn