jQuery - 滑鼠滑入滑出與hover用法 2017-01-10
mouseenter / mouseleave /mousemove / mouseout 用法
$(元素).mouseenter(function....)為滑鼠滑入該元素的用法
$(元素).mouseleave(function....)為滑鼠滑出該元素的用法
此外有類似的用法:mousemove與mouseout,
最大的差異在於mouseenter/mouseleave不會受到event bubbling影響(元素內再包含元素),
但是mousemove與mouseout會連帶驅動母元素的事件.
hover用法
$("元素").hover(function(){ 滑入時的動作 } , function(){ 滑出時的動作 });
當遇到透過jQuery再建立出來的物件時,
建議改以delegate方式處理,
但delegate的方法不能用hover,
建議改以mouseenter mouseleave替代.$("#m_left").delegate('生成元素' , 'mouseenter mouseleave' , function(event){
if(event.type == 'mouseenter') {
//滑入時的動作
} else if (event.type == 'mouseleave'){
//滑出時的動作
}
});