position</a>: relative; color: rgb(51, 51, 51); white-space: normal;'>关于 jquery mousemove 的问题
结构如图所示,对 divbox 绑定 mousemove 和 mouseout 事件
需要实现:
鼠标在整个 divbox 区域内移动时触发mousemove事件
鼠标移出 divbox 区域时触发 mouseout 事件
但问题是当鼠标移动到divitem上的时候就触发 divbox 的 mouseout 事件了,无法触发 divbox 的 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事件的问题的详细内容。