鼠標經過子元素觸發mouseout，mouseover事件的解決方案_javascript技巧

不論鼠標指針穿過被選元素或其子元素，都會觸發 mouseover 事件。

只有在鼠標指針從元素外穿入被選元素（到元素內）時，才會觸發 mouseenter 事件。
mouseout與mouseleave


不論鼠標指針離開被選元素還是任何子元素，都會觸發 mouseout 事件。

只有在鼠標指針從元素內穿出被選元素（到元素外）時，才會觸發 mouseleave 事件。
可以看一個簡單的例子看看二者的區別
所以改進的代碼可以為

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
    

    

    

        
鼠標經過子元素觸發mouseout，mouseover事件的解決方案_javascript技巧
        
鼠標經過子元素觸發mouseout，mouseover事件的解決方案_javascript技巧:我想實現的目標：當鼠標進入黑色框時，橙色框執行淡入動畫；當黑色框范圍移動的時候（即使經過粉色框，動畫仍然不被觸發）；當鼠標移出的時候，橙色方塊消失。 遇到的問題闡述：當鼠標移入黑色框的時候，橙色框執行淡入動畫，但是當鼠標從黑色框經過粉色框的
        
推薦度：

    
    

        
            點擊下載本文
            文檔為doc格式
        
    

              
        
                

            標簽：
                        鼠標
                        解決
                        觸發
                    
                
            
            
 
                    

                        
熱門焦點
                    
                    

                        

                            
                            
                            
                        
                        
                    
            
            
        
        
        
        

            
            

                
最新推薦
                

                    
                
                
                
            
            
            
            
            

                
猜你喜歡
                

                    
                    
                   
                    
                
            
           
            
            
           
            

                
熱門推薦
                

                    
                    
                
            
           
            
        
        
        
專題