24 04 2009

mouseout mouseover的冒泡问题及解决方法

bigCat Posted in JavaScript - Comment.isBlank

使用jquery中的bind方法(jquery的版本至少要1.2.2)。\n\n$('ul>li>div').bind("mouseenter",function(){})代替$(...).mouseover();\n\n$('ul>li>div').bind("mouseleave",function(){})代替$(...).mouseout();\n\n因为bind方法可以屏蔽浏览器的一些事件冒泡行为。\n\n这样,就不会出现刚刚所说的mouseover,mouseout错误触发的问题。\n\n另外,ie支持mouseenter,mouseleave事件,firefox等不支持,但通过jquery的这种方式后,所有浏览器均支持上面的语法

Host: (miao) | Word: Press | Code: HTML5