首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js事件冒泡有关问题

2012-07-02 
js事件冒泡问题今天在实现首页图片提示时遇到onmouseout和onmouseover问题折腾了我很久,后来才知道这是js

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。

热点排行