鼠标停止移动事件

51 阅读 0 评论 34 点赞

我是靠谱客的博主痴情柠檬，最近开发中收集的这篇文章主要介绍鼠标停止移动事件，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<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