一開始沒發現是什麼問題,後來進過多方排查,總之就是判斷出了是子元素點擊的時候出發了父元素的滑入滑出事件。
我就納悶了,爲什麼點擊事件會影響劃過滑出事件。更詭異的是隻有chrome有問題,火狐啥的都好使……
百度了一下,試了很多方法,就是用阻止冒泡解決的。簡化一下模型大概就是這麼解決的:
html:
<div id="father">
<span id="son"></span>
</div>
js:
$("#father").on("mouseenter",function(){}).on("mouseleave",function(){});
$("#son").on("click",function(){});
$("#son").on("mouseenter",function(e){
e.stopPropagation();
}).on("mouseleave",function(e){
e.stopPropagation();
});