鼠标触发onmouseover事件的问题

wxtking2010 2015-05-25 11:17:47

请教大家一个问题，鼠标比如停留在某个按钮触发onmouseover事件后，然后离开触发onmouseout事件。如果停留在按钮上的时间小于几秒种的话就不执行onmouseover事件的内容，如果大于几秒后就需要执行。这该怎么实现呢

...全文

171 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

Braska 2015-05-26

打赏
举报


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
	<script>
		var count = 0;
		var t;
        function mouseover(){
			t = setTimeout(mouseover, 1000);
			count++;
			if(count==5){
				clearTimeout(t);
				count=0;
				alert("hello world");
			}
		}
		function mouseout(){
			if(t){
				clearTimeout(t);
				count=0;
			}
		}
    </script>
</head>
<body>
<input type="button" value="mouseover" onmouseover="mouseover()" onmouseout="mouseout()"/>
</body>
</html>

wxtking2010 2015-05-26

打赏
举报

用过settimeout，感觉写不出来啊，settimeout是过几秒后执行某个操作啊

hch126163 2015-05-26

打赏
举报

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script> <script> var count = 0; var t; function mouseover(){ t = setTimeout(function(){ alert("hello world");}, 3000); } function mouseout(){ if(t){ clearTimeout(t); count=0; } } </script> </head> <body> <input type="button" value="mouseover" onmouseover="mouseover()" onmouseout="mouseout()"/> </body> </html>