如何实现鼠标离开两秒隐藏div，并且如果两秒内鼠标回到div上不隐藏？

最新推荐文章于 2021-09-16 09:16:53 发布

happydecai

最新推荐文章于 2021-09-16 09:16:53 发布

阅读量1.3k

点赞数

分类专栏：前端相关

本文链接：https://blog.csdn.net/happydecai/article/details/81099280

版权

前端相关专栏收录该内容

46 篇文章 5 订阅

订阅专栏

开发中，经常遇到这种情况：如何实现鼠标离开两秒隐藏div，并且如果两秒内鼠标回到div上不隐藏？

代码如下：

        var flagHideparas = false;
        $("#parasBody").mouseleave(function(){ 			
 				flagHideparas = true;
 				//如果已经查询过，离开才隐藏，否则刚开始时不隐藏； 	
 				if($("#txt").attr('src').length>0 &&(parasLength>3)){
 					setTimeout(function(){
 						if(flagHideparas)hideParas();
 					},2000);
 				}	 			
 		});
 		$("#parasBody").mouseover(function(){
 			flagHideparas = false;
 		});