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

關於jquery中mousemove事件的問題

黄舟
發布: 2017-06-28 10:25:04
原創
2016 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板