鼠标停止移动事件

最新推荐文章于 2023-08-17 19:26:22 发布

aorao3802

最新推荐文章于 2023-08-17 19:26:22 发布

阅读量1.1k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/weharvest/p/3485175.html

版权

本文介绍了如何在JavaScript中实现对鼠标停止移动时触发的事件进行监听和处理，对于提升网页交互体验有一定帮助。

摘要由CSDN通过智能技术生成

<script src="jquery.js"></script>
<script>
(function($){
	$.fn.moveStopEvent = function(callback){
		return this.each(function() {
			var x = 0,
				y = 0,
				x1 = 0,
				y1 = 0,
				isRun = false,
				si,
				self = this;

			var sif = function(){
				si = setInterval(function(){
									if(x == x1 && y ==y1){
										clearInterval(si);
										isRun = false;
										callback && callback.call(self);
									}
									x = x1;
									y = y1;
								}, 500);
			}

			$(this).mousemove(function(e){
				x1 = e.pageX;
				y1 = e.pageY;
				!isRun && sif(), isRun = true;
			}).mouseout(function(){
				clearInterval(si);
				isRun = false;
			});
	});
	}
})(jQuery);

$(function(){
	$("#div1,#div2").moveStopEvent(functio