本文共 694 字，大约阅读时间需要 2 分钟。

前言

由于用到这几个事件，记录一下这几个事件的测试结果。

元素内无子元素

   
        aaaaaa  
   
 
   
        bbbbbbb  
   

let aoutdiv = document.getElementById("a1")	let boutdiv = document.getElementById("b1")	aoutdiv.addEventListener('mouseenter',function(e){
   		console.log('a--enter')	})	aoutdiv.addEventListener('mouseleave',function(e){
   		console.log('a--leave')	})		boutdiv.addEventListener('mouseover',function(e){
   		console.log('b--over')	})	boutdiv.addEventListener('mouseout',function(e){
   		console.log('b--out')	})

测试结果：完全一样

元素内有子元素

   
        a外层    
    
     a内层
    
  
   
 
   
     b外层    
    
     b内层
    
  
   

测试结果：

总结

mouseenter、mouseleave不管有没有子元素，只执行一次【进入该区域和退出该区域】

转载地址：https://blog.csdn.net/qq_39811414/article/details/108285228 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！