js事件冒泡问题
今天在实现首页图片提示时遇到onmouseout和onmouseover问题折腾了我很久,后来才知道这是js事件冒泡导致了。
什么事js事件冒泡?
在层的鼠标事件中,如果层内部带有链接或表格等其它html时,鼠标挪到上面就会触发onmouseout事件,虽然看来是没有挪出层的区域,
比如在这个层中,我需要实现鼠标放在图片上能出现层提示。
$('.piece-bd li').bind("mouseover",function(){
$(this).find(".video-bg p").slideDown('fast');
});
$('.piece-bd li').bind("mouseout",function(){
$(this).find(".video-bg p").slideUp('fast');
});
但发现很有问题,当鼠标没有移除层的时候也触发了onmouseout事件。
解决这个问题很简单,只需要改成mouseenter,mouseleave。